bug: Component states are not working with Modifier

[PruthviPraj00]

Reproduction URL (Required)

https://play.tailwindcss.com/wWndQ9FxeZ
https://play.tailwindcss.com/L2yalFmJcY

What version of daisyUI are you using?

V5.0.2

Which browsers are you seeing the problem on?

All browsers

Describe your issue

Hii @pouya 🌼,

I’m encountering an issue with DaisyUI V5. Component states like btn-active and menu-active no longer work with the Tailwind modifiers. This functionality worked fine in V4, but it seems broken in the current version.

To reproduce the issue, try the following code in the DaisyUI playground. Test it in both V5 and V4 to compare:

<div class="join">
  <button class="join-item btn">1</button>
  <button class="join-item btn aria-[current='page']:btn-active" aria-current="page">2</button>
  <button class="join-item btn">3</button>
  <button class="join-item btn">4</button>
</div>

---

I think the issue is from tailwindcss

https://play.tailwindcss.com/V9PpCvsjHl

[github-actions]

Thank you @PruthviPraj00 for reporting issues. It helps daisyUI a lot 💚
I'll be working on issues one by one. I will help with this one as soon as a I find a solution.
In the meantime providing more details and reproduction links would be helpful.

[PruthviPraj00]

Hello @saadeghi,

I raised this issue in tailwindcss, and they responded, you can take a look, hope this helps

tailwindlabs/tailwindcss#17145

[saadeghi]

Will be fixed soon in the next patch version.
Thanks 🙏

[PruthviPraj00]

Hello @saadeghi,

Did you find any solution or any workaround for this?

[b4-io]

The bug doesn't happen only with btn-active. menu-active and tab-active are also affected