compass编译：“…lor}之后的无效CSS：＃{$ value}”：预期的“ {”，为“;”）

Question

我正在尝试修改源SCSS文件，以选择我们想要在我们的网站中使用的某些主题/插件。有问题的主题是Vali Admin。

我很久没有使用SASS或LESS了。完全不熟悉编译它们。我刚刚在系统中安装了ruby和指南针（通过gem install），并在供应商主题的根目录上运行了compass compile。但是我收到以下错误：

error sass/main.scss (Line 4 of sass/1-tools/bootstrap-source/_root.scss: Invalid CSS after "...lor}: #{$value}": expected "{", was ";")

我也收到一些有关“运算符附近插值”的警告。如果需要，我将其粘贴在这里。

我不知道为什么会收到该错误。我尚未对SCSS文件进行任何更改，我只是在尝试编译供应商的源代码。

这里是SCSS：

:root {
  // Custom variable values only support SassScript inside `#{}`.
  @each $color, $value in $colors {
    --#{$color}: #{$value};
  }

  @each $color, $value in $theme-colors {
    --#{$color}: #{$value};
  }

  @each $bp, $value in $grid-breakpoints {
    --breakpoint-#{$bp}: #{$value};
  }

  // Use `inspect` for lists so that quoted items keep the quotes.
  // See https://github.com/sass/sass/issues/2383#issuecomment-336349172
  --font-family-sans-serif: #{inspect($font-family-sans-serif)};
  --font-family-monospace: #{inspect($font-family-monospace)};
}