Sass @if规则与null比较时执行异常问题咨询

这是Dart Sass 1.57.1版本的已知bug，该问题在1.58.0及后续版本中已被修复。

问题根源 #

在1.57.1版本中，@if指令处理== null这类比较表达式时存在内部逻辑错误：虽然@debug输出明确显示$foo == null的结果为true，但@if却错误地将该表达式判定为false，导致第一个分支跳过；相反，$foo != null的结果明明是false，却被@if误判为true，触发了第二个分支。

解决方法 #

将Dart Sass版本升级到1.58.0或更高版本即可解决该问题。升级后运行你的测试代码，会得到符合预期的结果：

DEBUG: null, true, false
DEBUG: $foo is null

内容的提问来源于stack exchange，提问作者Karsten