[Bug]: Duplicate tailwind classes with cssVariables: false which override others

[joris-fonck-loreal]

Environment

Developement/Production OS: Windows 11
Node version: 20
Package manager: pnpm@8.7.6
Radix Vue version: 1.3.2
Shadcn Vue version: 0.8.7
Vue version: 3.0.0
CSS framework: tailwindcss@3.4

Link to minimal reproduction

https://stackblitz.com/edit/vitejs-vite-95bgnv?terminal=dev

Steps to reproduce

• Go on the link (At this point, you can already see the Checkbox component)
• Open the terminal
• Run npx shadcn-vue@latest add checkbox
• Overwrite the component to see the generated component
• The component has classes which override others

Describe the bug

When I generate Checkbox component using the CLI with the next command: npx shadcn-vue@0.8.7 add checkbox or npx shadcn-vue@latest add checkbox
And I go to the generated Checkbox component
So I have duplicate tailwind classes which overrides another: border-neutral-200 and border-neutral-900 or dark:border-neutral-800 and dark:border-neutral-50.

I didn't test all components but the behavior is also true for AlertDialogContent component.

Expected behavior

No tailwind classes which overrides another.

Conext & Screenshots (if applicable)

No response