fix: tailwindcss neutral color compatibility

[Innei]

like neutral-50 will be compatible with postcss @apply text-neutral-50/0.5

[saadeghi]

It already works: https://play.tailwindcss.com/sJeDF0hk7x?file=css

What's the issue?

[Innei]

@saadeghi The text-neutral-50/0.5 class does not exist. If text-neutral-50/0.5 is a custom class, make sure it is defined within a @layer directive.

[saadeghi]

opacity is 0 to 100 (not 0.5)
https://tailwindcss.com/docs/text-color#changing-the-opacity

[Innei]

@saadeghi theme(colors.neutral.400/0.3) postcss theme() is 0-1 not 0-100

[Innei]

@saadeghi This is not compatible, please reopen this pr

[saadeghi]

I can't merge this PR.
It's importing Tailwind CSS but Tailwind CSS is not a dependency of daisyUI.
Apart from that, I'm not sure what issue it's going to solve. theme() is a directive from Tailwind CSS and it accepts opacity values from 0 to 100. 0.5 is not valid.

If you're having an issue in a specific setup, please share a minimal reproduction link.

[Innei]

But theme(colors.neutral.50/10);

also got error

[saadeghi]

@Innei Can you tell me how you're using it? A minimal reproduction link?

[Innei]

Thx reply. Demo is:

https://play.tailwindcss.com/ZykCesQyCH?file=css

#3250

[Innei]

I've changed it, please review again

[saadeghi]

The build is failing and colors.neutral is broken now.