Prefix (prefix(sc)) not applied correctly in complex selectors (e.g. [&_svg:not([class*='size-'])]:sc:size-4)

[ridvanonal]

@import "tailwindcss" prefix(sc);

When using the prefix(sc) option in Tailwind CSS (version 4.1.3), the prefix works as expected for basic utility classes:

<div class="sc:bg-red-500 sc:text-white"></div>

However, the prefix does not work when used inside more complex or nested selectors, like:

[&_svg:not([class*='size-'])]:sc:size-4
data-[state=open]:sc:bg-accent

No CSS is generated for these utilities, even though they are valid Tailwind syntax.
It seems that prefix is not correctly handled when the utility is used after a : in complex selectors.

[wongjn]

Prefix should always be at the start: https://play.tailwindcss.com/h1bDHMOnJS

[ridvanonal]

I also use shadcn ui and I think the classes there are being generated incorrectly with prefix, that's why I didn't think of it, thank you.