[Bug Report][3.0.0-beta.0] Sass error caused by `VList.sass` and `VListItem.sass` both forwarding the same variables

Environment

Vuetify Version: 3.0.0-alpha.11 Vue Version: 3.2.21 Browsers: Chrome 95.0.4638.69 OS: Windows 10

Steps to reproduce

Follow the README.

IMPORTANT: This is alpha.11 – if you switch to 3.0.0-next-20211105.0, for example, this error goes away, but the .cache/vuetify/styles.scss file appears to include far too many of the Sass files (maybe all of them?) – is that another issue, or did I do something wrong?

Expected Behavior

No errors, able to customise v-tooltip and other components’ Sass variables.

Actual Behavior

SassError: This module was already loaded, so it can't be configured using "with".

Reproduction Link

https://github.com/glen-84/vuetify-loader-issue

[KaelWD]

The weird thing is it’s kinda inconsistent. Tabs forward their variables file twice as well but both tabs and lists work fine until I modify variables from both of them.

works:

<v-tabs><v-tab>Tab</v-tab></v-tabs>
<v-list><v-list-item>List</v-list-item></v-list>

works:

<v-tabs><v-tab>Tab</v-tab></v-tabs>
<v-list><v-list-item>List</v-list-item></v-list>

$tabs-height: 56px

works:

<v-tabs><v-tab>Tab</v-tab></v-tabs>
<v-list><v-list-item>List</v-list-item></v-list>

$list-indent-size: 12px

error:

<v-tabs><v-tab>Tab</v-tab></v-tabs>
<v-list><v-list-item>List</v-list-item></v-list>

$tabs-height: 56px,
$list-indent-size: 12px,

[glen-84]

Ya it’s still happening. 😭

https://github.com/glen-84/vuetify-loader-issue/tree/vlist-issue