Tailwind v4 Prefix doesn't work

[daFoggo]

Hi. Im trying to use tailwind prefix in Vite React Shadcn project, but notthing gonna work. I already put prefix in components.json and index.css ( see the image ) but all the css didn't work. Please help me. Thank you

[juanca-expe]

Hello.

The problem is that shadcn is adding the prefix to older tailwind features, ignoring the new version 4.

For example:

Not working: ❌
hover:s:bg-accent

Working: ✅
s:hover:bg-accent

Let's hope they upload a fix for this soon, because the classes need to be updated every time a component is installed.

You are also missing a ; at the end of the tailwind import.