аргумент sass mixin pass как css переменная

Question

У меня есть миксин для генерации некоторых классов сетки следующим образом:

@mixin grid-columns($columns) {
  @for $i from 1 through $columns {
    .grid-col-#{$i} {
      grid-column: span #{$i};
    }
  }
}

Я также объявил переменную css в: root {--grid-columns: 12; }

я попытался передать переменную --grid-columns в mixin как переменную как таковую

@include grid-columns(var(--grid-columns));

Однако это не работает, и я получаю следующую ошибку:

Ошибка: var (- grid-columns) не является целым числом. в строке 26:23 активов / scss / _base.s css, в mixin grid-columns из строки 26:10 активов / scss / _base.scss из строки 3: 9 в / stdin

@ include grid-columns (var (- grid-columns));

Может кто-нибудь объяснить, почему это не работает, пожалуйста? Я не смог найти в сети ничего, где бы указывалось, что css переменные разрешены / запрещены для передачи в качестве аргументов sass mixins, но я подозреваю, что они не разрешены?