Глобальный стиль CSS не добавляется в финальную сборку в Vite Vue ⇐ CSS

[Anonymous]

Я пытаюсь создать файл сборки с двумя стилями. Один для темы, другой для глобальных стилей.
Мне интересно, почему глобальные стили и содержимое стилей тем не добавляются в окончательный файл style.css внутри файла папка dist.
vite.config.ts

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

  css: {
preprocessorOptions: {
scss: {
additionalData: `
@import "@/assets/themes/style.css";
@import "@/assets/css/styles.css";
`,
},
},
},

dist/style.css

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

.header[data-v-de140e0f]{.... styles here}

// But I do not see the variables inside the assets/css and assets/themes here

assets/css/styles.css

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

@import "./variables/_base.css";
@import "./elements/_base.css";
@import "./media-queries/media-queries.css";

E.g. of css inside the variables:

:root {
--z-index-header: 3;
}

themes/css/style.css

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

:root {
--theme-color-brand-one: #010101;
}

Что мне с этим делать?

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