如何在SCSS中使用Vuetify的材质颜色？

Question

我正在尝试使用Vuetify的材质颜色变量。

我阅读了以下页面： https://vuetifyjs.com/ja/styles/colors

并这样写：

$color-pack: false;
@import '~vuetify/src/styles/main.sass';

span {
  color: $teal;
}

但是我遇到了这个错误：

Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: ("base": #009688, "lighten-5": #e0f2f1, "lighten-4": #b2dfdb, "lighten-3": #80cbc4, "lighten-2": #4db6ac, "lighten-1": #26a69a, "darken-1": #00897b, "darken-2": #00796b, "darken-3": #00695c, "darken-4": #004d40, "accent-1": #a7ffeb, "accent-2": #64ffda, "accent-3": #1de9b6, "accent-4": #00bfa5) isn't a valid CSS value.

我该如何解决这个问题？