NuxtUI icons forced to width and height 1em!

[CorrM]

Normal button:

<UButton
            color="info"
            variant="soft"
            size="xl"
            icon="i-heroicons-question-mark-circle"
            class="rounded-full"
            aria-label="Show keyboard shortcuts"
          />

Im using Nuxt4 and NuxtUI 3

[CorrM]

Workaround add this to your app.config.ts:

icon: {
    mode: "css",
    cssLayer: "base",
},

[antfu]

That's weird. :where() should make the priority lower than the regular class. Can you give a minimal reproduction?

[hacknug]

That's weird. :where() should make the priority lower than the regular class. Can you give a minimal reproduction?

Looks like it is caused by css layers.

[CorrM]

Sorry for being late, was busy last days. will try to make a minimal reproduction today.