CSS warning after running a Vite build

[gregmsanderson]

Describe the bug
When you do a build using Vite (6.1.1) there are CSS warnings. It looks like they are caused by invalid Tailwind v4 in the components:

vite v6.1.1 building for production...
✓ 2437 modules transformed.
rendering chunks (22)...warnings when minifying css:
▲ [WARNING] Unexpected ")" [css-syntax-error]

    <stdin>:2:88700:
      2 │ ...cription\]\:text-center:has(:is()){text-align:center}.has-\[tabl...
        ╵                                    ^


▲ [WARNING] Unexpected ")" [css-syntax-error]

    <stdin>:2:156786:
      2 │ ...ion\=left\]\:cursor-e-resize:is(){cursor:e-resize}.\[data-resiza...
        ╵                                    ^


▲ [WARNING] Unexpected ")" [css-syntax-error]

    <stdin>:2:156861:
      2 │ ...on\=right\]\:cursor-w-resize:is(){cursor:w-resize}:is(.\*\*\:\[k...

The second two warnings appear to be caused by this line in table.tsx which styles the columnResizer :

"&[data-resizable-direction=left]:cursor-e-resize &[data-resizable-direction=right]:cursor-w-resize data-[resizable-direction=both]:cursor-ew-resize",

Removing that single line removes the warnings. I don't think you can use & like that in a className value?

I haven't located what is causing the first warning.

To Reproduce
Steps to reproduce the behavior:

1. Install the components (I just ran the diff command to fetch the latest ones)
2. pnpm run build (or equivalent) when using Vite.
3. The build shows those warnings

Expected behavior
No CSS warnings during a build.

Desktop (please complete the following information):
Mac

[irsyadadl]

I’m not experiencing that issue anymore, at least for now. Just make sure your Vite and Tailwind/Vite versions are up to date. Thanks.