无法阻止SASS评估calc（）css属性的内容

我创建了一个新的CRA副本，只是为了确保它不是我代码中的自定义内容，除了一个sass文件之外，我什么都没有，该文件包含以下代码：

.test {
    top: calc((0% - (100% - 1.2em)) - 16%);
}

当我运行开发模式时，该行会正确显示，但是，当我运行构建时，我得到以下结果：

.test{
  top:calc(-116% - -1.2em)
}

这绝对不是我想要的。我只希望calc（）的内容保持不变，而不进行计算。我已经研究过了，似乎我需要使用插值，但我已经厌倦了，没有任何运气。以下是我到目前为止所做的尝试：

top: #{'calc((0% - (100% - 1.2em)) - 16%)'};
top: calc#{'((0% - (100% - 1.2em)) - 16%)'};
top: calc((#{$zero} - #{$hMinus1}) - #{$sixteen});
top: unquote('#{calc((#{$zero} - (#{$oneH}- #{$onePTwo})) - #{$sixteen})}');

我已经尝试了各种方法让它忽略线，但是它不断地评估成某种形式，如你所见，1.2米

有没有其他方法可以让这一切顺利进行