Css 变量作为完整查询显示一个；媒体查询表达式中未闭合的括号；错误

我在离子2上使用Sass，我创建了以下变量来应用我的媒体查询

$small:   568px;
$screen:        "only screen" !default;
$small-max :   "#{$screen} and (max-width: #{$small})";

并在我的scss文件中使用它，如下所示：

@media #{$small-max} {
 // My styles
}

但我得到了以下错误

错误：媒体查询表达式中的括号未闭合

---

我看不出我做错了什么。我遗漏了什么吗？

提供的代码不会产生任何错误：代码正常工作。这与此相关吗：？我遇到了完全相同的问题。有什么想法吗？