Css 从节点sass移动到dart sass后，编译器在关键帧混合中抛出错误

我被迫在我的项目中更改sass编译器。我正在使用节点sass，现在我需要将其更改为dart sass

我基本上做到了，它在

当我运行编译时，它会给我错误：

 SassError: expected selector.
      ╷
    3 │   0%{
      │   ^
      ╵

它在我的动画文件中。我的关键帧混合：

@mixin keyframes($animation-name) {

  -webkit-keyframes #{$animation-name} {
    @content;
  }

  -moz-keyframes #{$animation-name} {
    @content;
  }
  @keyframes #{$animation-name} {
    @content;
  }
}

还有我的动画：

@include keyframes(bounceDown) {

  0% {
    transform : translateY(0);
  }

  40% {
    transform : translateY(7px);
  }

  100% {
    transform : translateY(0);
  }

}

当我使用node-sass时，这段代码起作用了。知道我应该改变什么吗？

我已经想好了

问题是我使用了

-moz关键帧

而不是

@-moz关键帧

。 它已由节点sass正确处理。。但这似乎是dart sass的错误

干杯

@include keyframes(bounceDown) {

  0% {
    transform : translateY(0);
  }

  40% {
    transform : translateY(7px);
  }

  100% {
    transform : translateY(0);
  }

}