[bug]: Prefix not working properly for Pseudo-classes

[Ain477]

Describe the bug

Tailwind prefix not working for Pseudo-classes classes.

Right now it's

const buttonVariants = cva( "ac:inline-flex ac:items-center ac:justify-center ac:gap-2 ac:whitespace-nowrap ac:rounded-md ac:text-sm ac:font-medium ac:transition-[color,box-shadow] disabled:ac:pointer-events-none disabled:ac:opacity-50 [&_svg]:ac:pointer-events-none [&_svg:not([class*=size-])]:ac:size-4 [&_svg]:ac:shrink-0 ac:ring-ring/10 dark:ac:ring-ring/20 dark:ac:outline-ring/40 ac:outline-ring/50 focus-visible:ac:ring-4 focus-visible:ac:outline-1 aria-invalid:focus-visible:ac:ring-0", { variants: { variant: { default: "ac:bg-primary ac:text-primary-foreground ac:shadow-sm hover:ac:bg-primary/90" }, size: { default: "ac:h-9 ac:px-4 ac:py-2 has-[>svg]:ac:px-3" }, }, defaultVariants: { variant: "default", size: "default", }, } )

But it should be
const buttonVariants = cva( "ac:inline-flex ac:items-center ac:justify-center ac:gap-2 ac:whitespace-nowrap ac:rounded-md ac:text-sm ac:font-medium ac:transition-[color,box-shadow] ac:disabled:pointer-events-none ac:disabled:opacity-50 ac:[&_svg]:pointer-events-none ac:[&_svg:not([class*=size-])]:size-4 ac:[&_svg]:shrink-0 ac:ring-ring/10 ac:dark:ring-ring/20 ac:dark:outline-ring/40 ac:outline-ring/50 ac:focus-visible:ring-4 ac:focus-visible:outline-1 ac:aria-invalid:focus-visible:ring-0", { variants: { variant: { default: "ac:bg-primary ac:text-primary-foreground ac:shadow-sm ac:hover:bg-primary/90", }, size: { default: "ac:h-9 ac:px-4 ac:py-2 ac:has-[>svg]:px-3" }, }, defaultVariants: { variant: "default", size: "default", }, } )

Affected component/components

all

How to reproduce

1. Install a nextjs project
2. install tailwindcss
3. install shadnc@canary
4. config prefix

Codesandbox/StackBlitz link

https://codesandbox.io/p/devbox/qkftty

Logs

System Info

https://codesandbox.io/p/devbox/qkftty

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues