Migration from v3 to v4 giving errors during adding variants

[basarozcan]

What version of Tailwind CSS are you using?
v3.4.10 -> v4.0.15

What build tool (or framework if it abstracts the build tool) are you using?
Astro, vue, vite

What version of Node.js are you using?
Node v20.15.0

What browser are you using?
Chrome

What operating system are you using?
macOs

Describe your issue
After starting migration from v3 to v4, cli stopped with this error message:
addVariant('active::after') defines an invalid variant name. Variants should only contain alphanumeric, dashes or underscore characters.

[philipp-spiess]

Hey! This type of name for a variant name isn't compatible with the Tailwind CSS v4 engine unfortunately, since we split variants based on colons automatically :/ Any chance you can chance the name of that variant in your app?

[basarozcan]

Hey, the issue it is not on our own codebase. Probably coming from any UI Library that we're using. So it makes me to fix it, sorry :(