在SASS中操纵指定变量值的函数

Question

我正在使用SASS函数动态地为$baseline变量赋值。

我有一个px到REM转换器

$old-ie: true;
$font-base: 16px;

@function rem($size) {

  @if ($old-ie) {
    @return #{$size}px;
  }

  @else {
    $remSize: $size / $font-base;
    @return #{$remSize}rem;
  }

}

$baseline = rem(10);

h1 {
  margin-bottom: $baseline*2;
  // This shows as margin-bottom: rem(10)*2; in the stylesheet if $old-ie is set to true.
}

可能与插值有关，但* 1px黑客似乎无法解决它。 有任何建议/替代方案或解决方法吗？