bug: (v5) responsive modifiers not working for card-border

[FlorianFlatscher]

What version of daisyUI are you using?

v5.0.0

Which browsers are you seeing the problem on?

All browsers

Reproduction URL

https://play.tailwindcss.com/6makvWf5wk

Describe your issue

Responsive modifieres don't work for card-border. sm:card-border results to a card with no border on all screen sizes (see reproduction URL). This might also be the case for other card uitilities.

Might be related to: #3558

[github-actions]

Thank you @FlorianFlatscher 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.

[ilyvion]

Since this is still open, as the reporter of the "might be related to" issue, I've also since noticed that list-col-wrap doesn't work with responsive modifiers either. Fortunately, it's a fairly simple class, so it's replaceable using !row-start-2, but it sucks that I should need to.

Seems like a lot of classes stopped integrating properly with Tailwind in the rewrite from v4 to v5.

[saadeghi]

Please let me know if you found more class names that are expected to work with Tailwind's responsive prefixes.

I will work on it 👍

[s-montigny-desautels]

I don't know if it can help, but there are some classes that are not being picked up by the tailwind lsp and are not working with the @apply directive. Here is a list of classes that I found:

- card-border
- card-dash
- list-row
- dock-active
- table-pin-rows
- table-pin-cols
- toast-{start,center,end,bottom,middle,top}
- dropdown-content
- indicator-item
- tooltip-content
- drawer-overlay

What I've found is that those classes don't really exist. There are only used in .where() pseudo-class function. Maybe that's why tailwind don't see them.

The list was extracted from: https://github.com/search?q=repo%3Asaadeghi%2Fdaisyui%20where(.&type=code

[s97712]

Is there any way to fix this?