捕获对没有美元符号的变量的危险访问

Question

我通常在本地样式表的顶部声明我的scss变量，并在自定义规则中访问它们。 问题是，如果我不小心忘记使用美元符号来引用该变量，则scss解析器将无法用其值替换该变量，从而导致错误的css样式。 尽管看起来很琐碎，但这个错误花了我几个小时才能弄清楚。

我尝试将stylelint扩展为stylelint-config-standard，并且正在使用stylelint-scss插件，但是它们都无法捕捉到这种琐碎但危险的错误（或者也许我只是可以找到正确的规则）。

$translateOffset: -10px !default;
$translateTarget: 0 !default;

@keyframes pbTranslateX {
  from {
    transform: translate(translateOffset); // oops I forgot the $ sign
  }

  to {
    transform: translate($translateTarget);
  }
}

我几乎可以肯定，有一种方法可以解决这个开发人员的错误。