var(--tw-empty,/*!*/ /*!*/) wrongly processed

[monken]

TailwindCSS uses this workaround to set the value of a CSS variable to a single empty space:

--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);

which is translated by esbuild into (minify: false)

--tw-ring-inset: var(--tw-empty,);

which is not valid and should instead be left untouched.

There are more details around this in the following ticket:

tailwindlabs/tailwindcss#2889

[evanw]

Wow what a crazy edge case. Thanks for the heads up. I’ll make sure this is fixed in one of the upcoming releases.

[monken]

Wow, thanks for fixing this so fast!

[sebastienbarre]

Thanks @evanw for putting this in 0.8.43; coincidentally I just noticed this very issue today while using Tailwind's ring utilities. Snowpack still uses esbuild 0.8.7, but nothing resolution can't fix temporarily in my package.json...