SCSS：使用网格时出现编译错误：repeat（auto-fit，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（auto-fit，minmax（300px，1fr））;

我可以使用unquote（）函数跳过它，但是我很好奇为什么会发生这种情况。我在SCSS中做错什么了？