@tailwindcss/upgrade - brakes boolean operators in Vue files

[scheinercc]

What version of Tailwind CSS are you using?

Upgrading to tailwindcss v4.1.6

What build tool (or framework if it abstracts the build tool) are you using?

Vite 5.2.3

What version of Node.js are you using?

For example: v22.14.0
What operating system are you using?

macOS

Describe your issue

Running npx @tailwindcss/upgrade@latest broke logical operators in Vue files.
Examples:

---

Maybe related to
#14737
#14774

[RobinMalfait]

Hey!

Yeah this is also one of those false positives that is hard to catch. In this scenario, the difference between these attributes:

:class="!visible"
:active="!visible"

is basically indistinguishable without safelisting a set of attributes where it is allowed. But that list could be different depending on where Tailwind CSS is being used.

That said, the duration one is probably one we can fix because typically a duration class doesn't exist on its own.