Config `cssExtend` in presetTypography cannot use `@apply` in build mode about unocss HOT 4 CLOSED

It seems to go beyond the scenario in which it is applied, and I don't recommend you use it like this.

Or you can try to create a context and actively use the API to convert the code in advance and inject it into uno config.

like this:

// uno.config.ts

import { transformDirectives } from '@unocss/transformer-directives'

async function transform(code: string, uno: UnoGenerator) {
    const s = new MagicString(code)
    await transformDirectives(s, uno, {})
    return s.toString()
}

// ...
presetTypography({
  cssExtend: async (theme) => ({
    h1: toCssObject(`{${await transform('c-accent c-op-80')}}`)
  })
}) 

For reference only.

from unocss.

Hello, @zyyv

Thanks for your reply.

Is there a plan to support this feature in presetTypography or transformerDirectives?

from unocss.

@wtto00 It is not in the plan. If this requirement is forcibly implemented, it will bring additional dependency overhead.

As I said above, this is not its own application scenario. You may need to use related APIs to combine and implement it.

from unocss.

Ok, got it.

from unocss.