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