Vite 5 не импортирует переменные scss ⇐ CSS

[Anonymous]

Для фона у нас есть несколько цветов темы, предоставленных дизайнером, и мы пытаемся объединить их в единый источник достоверной информации, поскольку они часто меняются на этапе прототипирования.
Чтобы для этого мы объединили их в один файл Primary.module.scss следующим образом:

Код: Выделить всё

$white: #ffffff;
$black: #000000;

$grey10: #edf2f1;
$grey20: #c9d0d1;
// ....

:root {
--white: #{$white};
--black: #{$black};

--grey-10: #{$grey10};
--grey-20: #{$grey20};
// ....
}

:export {
white: $white;
black: $black;

grey10: $grey10;
grey20: $grey20;
// ...
}

Это (в прошлом) экспортирует их как глобальные переменные CSS, так и как переменные машинописного текста, которые будут использоваться в нашей теме MUI.
Однако при запуске новый проект, в следующем коде (например) начала появляться следующая ошибка:

Код: Выделить всё

import colors from './colors/primary.module.scss';

console.log(colors['blue60'])

теперь выводится _blue60_c2dde8 (а не значение цвета), а не правильное значение #0073e6, как раньше.
Кто-нибудь видел это при обновлении до Vite 5?
ОБНОВЛЕНИЕ: Если это поможет, цвета не отображаются в отладчике, и при регистрации он возвращает [Object: нулевой прототип] {}
Пример того, как он «работал» в прошлом: https://github.com/nuxt/nuxt/discussions/17858

Подробнее здесь: https://stackoverflow.com/questions/785 ... -variables