variables are incorrectly minified

[jheng-jie]

UnoCSS version

0.50.1

Describe the bug

• 0.50.1

:root {
  --un-pan-x:;--un-pan-y:;--un-pinch-zoom:;
}

• 0.49.4

:root {
  --un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;
}

Reproduction

• similar

svelte#7288
esbuild#760

System Info

legacy browser will fail to resolve the variable

Validations

• Read the Contributing Guidelines.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[antfu]

We temporarily close this due to the lack of enough information.
Please provide a minimal reproduction to reopen the issue.
Thanks.

Why reproduction is required

[antfu]

UnoCSS does not normally touches your CSS. Please provide a proper production.

[jheng-jie]

@antfu sorry

Reproducible

I found out that it is the problem of transformerDirectives

0.49.4 or turn off transformerDirectives will not be wrong

export default defineNuxtConfig({
  unocss: {
    transformers: [
      // variables are incorrectly minified
      transformerDirectives(),
    ],
    presets: [UnoPreset()],
  },
})

• steps to reproduce

  1. yarn generate
  2. cd .output/public/_nuxt/
  3. cat entry.{hash}.css

[sibbng]

I confirm this is a regression introduced in #2229.