覆盖网格的Vuetify 2 SASS变量，正在工作，但输出类的顺序错误

我刚刚创建了一个干净的Vue CLI 4项目，并通过Vue CLI添加了Vuetify。在这一步上，一切都顺利进行。
通过添加

变量.scss

问题出现：

$grid-breakpoints: (
  'xxs': 0,
  'xs': 375,
  'sm': 600px,
  'md': 960px,
  'lg': 1280px - 16px,
  'xl': 1920px - 16px,
  'xxl': 2560px - 16px
);

我编写了一个简单的3列模板：

<v-row>
  <v-col cols="12" md="4">1</v-col>
  <v-col cols="12" md="4">1</v-col>
  <v-col cols="12" md="4">1</v-col>
</v-row>

1.
1.
1.

我希望在

md

大小中有3列，但

.col-12

的特异性高于

.col-md-4

，col-md-4从不适用

这是虫子吗？还是我做错了什么

我试图通过将variables.scss添加到vue.config.js中来预先添加variables.scss，并尝试在变量文件的第一行/最后一行导入node_modules/vuetify的variables.scss

vuetify版本：2.2.17
sass版本：1.25.0
vuetify加载程序版本：1.4.3

---

示例项目的Github源代码：

刚刚发现将

xxs

添加到断点会导致这种奇怪的行为。刚刚发现将

xxs

添加到断点会导致这种奇怪的行为。