bug: !important needed to override some styles in DaisyUI

[withden]

In some cases, DaisyUI styles require important overrides, which can cause issues when customizing styles.

If you've faced similar issues where DaisyUI styles are difficult to override, please comment below with the class. We will add into this list

Bug List

• Badge (badge badge-outline !border-base-300)

[github-actions]

Thank you @withden 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 @withden,

The reason for this is that in Tailwind V4, the addComponents function now places the CSS under @layer utilities.

As for the DaisyUI style for badges, the border color of the outline badge uses the current text color. Instead of modifying the border, you should adjust the text color like this:

text-base-300

This issue will persist until Tailwind Labs decides to revert the changes. @saadeghi has also raised this issue in Tailwind:
tailwindlabs/tailwindcss#15045