SCSS: получение ошибки компиляции при использовании сетки: повторить (автоподгонка, minmax (260px, 1fr));

Question

У меня есть действующее правило сетки CSS

.grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px , 1fr));
}

однако компилятор scss выдает следующую ошибку:

Ошибка компиляции Ошибка: minmax (300px, 1fr) не является целым числом. ... >> grid-template-columns: repeat (автоподгонка, minmax (300px, 1fr));

Я могу пропустить это, используя функцию unquote (), но мне любопытно, почему это происходит. Что я делаю не так в SCSS?