@utility directive with "content"

[ayyash]

I tried to use @utility as follows:

@utility icon-* {
    font-family: var(--ol-icomoon-font-family);
    content: --value(--ol-icon-*);
}

then

.panel {
   &:before {
    @apply icon-folder
  }
}

But content takes the literal value of content, no matter what i did to simplify it. Like using the var(--ol-icon-folder) instead. Still does not apply it correctly.

[wongjn]

Seems to be working in this Tailwind Play which would suggest it is something particular to your project. Conside providing a git repo that reproduces the unexpected behavior.

[ayyash]

yes, i used :root, and you used @theme :/
that did it, thanks for trying