Tailwind classes with CSS variables and functions now style your page

Tailwind classes that hold a CSS variable, a function or quotes now get their styles, in the preview and on your published site.

• Before: classes such as bg-[var(--accent)], text-[clamp(2rem,5vw,4rem)], shadow-[04px12px_rgba(0,0,0,0.1)], bg-[url('/hero.jpg')] and data-[state=open]:bg-red-500 had no effect, and nothing said so. A band could lose its color, or a title its size.
• Now: these classes work as written. The preview shows them the next time you open your project.
• Your published site changes when you publish again. If it uses such classes, look at the preview first: it shows the design your code describes, which can differ from what is live now.