In version 0.47.1, @forward or @use syntax in scss, causing unocss invalid

[lainbo]

In version 0.47.1, .scss files use @forward or @use to import other scss files, and @apply in imported files is invalid

// main.ts
import index.scss

// index.scss
@forward './a.scss';

.foo {
  // this @apply is work
  @apply bg-red-500;
}

// a.scss
.bar {
  // this @apply is invalid
  @apply bg-red-600 text-white;
}

[sibbng]

Probably because of #1923

Could you try with that:

 transformers: [
    transformerDirectives({ enforce: 'default' }),
  ],

If you are using Nuxt you may need to disable cssnano's mergeRules optimization as shown here.

[lainbo]

Probably because of #1923

Could you try with that:

 transformers: [
    transformerDirectives({ enforce: 'default' }),
  ],

If you are using Nuxt you may need to disable cssnano's mergeRules optimization as shown here.

Oh thanks. It's working! But I'm not sure that's the best solution.