Доступ к корневой переменной внутри @mixin

Question

Я хотел бы использовать значение одной корневой переменной (которая определяется javascript) внутри mixin как условие @if. Я думаю, что приведенный ниже пример более понятен, чем мое объяснение ... Спасибо за помощь.

:root {
  --bu:A;
}

@mixin varCheck() {
    $var: var(--bu);
    @if ($var == A) {
        header {
            background-color: blue !important;
        }
    }
    @if ($var == B) {
        header {
            background-color: black !important;
        }
    }
}

@include varCheck();