css data-slot=icon The writing may be unreasonable

[mtrucc]

[vite] warnings when minifying css:

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

    <stdin>:6739:38:
      6739 │ .\[\&_data-slot\=icon\]\:h-5 data-slot=icon {
           ╵                                       ^


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

    <stdin>:6743:38:
      6743 │ .\[\&_data-slot\=icon\]\:w-5 data-slot=icon {
           ╵                                       ^


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

    <stdin>:6747:49:
      6747 │ .\[\&_data-slot\=icon\]\:cursor-pointer data-slot=icon {
           ╵                                                  ^


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

    <stdin>:6751:47:
      6751 │ .\[\&_data-slot\=icon\]\:text-inherit data-slot=icon {
           ╵                                                ^


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

    <stdin>:6755:61:
      6755 │ ...slot\=placeholder\]\:text-foreground\/60 data-slot=placeholder {

[pbcitjugel]

I have the same issue. What is the workaround?

[NJugel]

Same Issue with NextJS.
Does anyone know how to handle with that?

[devmangel]

Same issue here!

[NJugel]

Same issue here!

I think it has something to do with Turbopack. It works with Webpack.