What version of Tailwind CSS are you using?

4.0.15

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

Vite 6.2.0

What version of Node.js are you using?

v20.18.1

What browser are you using?

Chrome

What operating system are you using?

MacOS

Reproduction URL

https://github.com/samrobbins85/tailwind-variables (Not working as intended)

https://play.tailwindcss.com/8tmNO1FjuA (Working as intended)

Describe your issue

When trying to declare two CSS variables in one set of square brackets, it works on Tailwind play but not with a vite dev server for the same code

e.g. [--foo:1rem;--bar:2rem] doesn't work but [--variable:5rem] does work locally but both do on tailwind play