実行時CSS変数(例:--my-variable)は、SASS/SCSSのビルド時@ifステートメントで消費することはできません。
そのため、すべてビルド時に処理し、SCSS変数のみを使用する必要があると思います。たとえば次のようになります。
@if $my_boolean_setting_in_theme == "true" {
...
}
実行時CSS変数(例:--my-variable)は、SASS/SCSSのビルド時@ifステートメントで消費することはできません。
そのため、すべてビルド時に処理し、SCSS変数のみを使用する必要があると思います。たとえば次のようになります。
@if $my_boolean_setting_in_theme == "true" {
...
}