在nuxt env中的自定义scss文件中使用vuetify变量

Question

我目前正在尝试访问我的scss文件中的vuetify变量。而且我正在使用nuxt。

这是我的nuxt.config.js的一部分

...
    buildModules: [
      '@nuxtjs/eslint-module',
      '@nuxtjs/stylelint-module',
      '@nuxtjs/vuetify',
      ['@nuxtjs/dotenv', { filename: '.env.' + process.env.NODE_ENV }]
   ],
...
vuetify: {
    customVariables: ['~/assets/variables.scss'],
    treeShake: true
  },

然后我有一个像这样导入一个scss文件的组件。在此文件中，我尝试使用：var(--v-anchor-base)

<style lang="scss" scoped>
  @import './NavigationDrawer.scss';
</style>

我想这是因为vuetify中的var的作用域scss文件“不知道”。 但是如何更改它，以便可以在有作用域的组件内使用vuetify var？

另一点是nuxt缺少该文档 https://vuetifyjs.com/en/customization/sass-variables/#nuxt-install