Existe alguma maneira de usar @if em um Theme Component usando uma variável?

Variáveis CSS em tempo de execução como --my-variable não podem ser consumidas em instruções @if do SASS/SCSS em tempo de compilação.

Portanto, acho que você teria que lidar com isso inteiramente em tempo de compilação, mantendo apenas as variáveis SCSS. Algo como:

@if $my_boolean_setting_in_theme == "true" {
  ...
}
5 curtidas