Как использовать собственные цвета CSS в настройках попутного ветра? ⇐ CSS

[Anonymous]

Я использую Tailwind 3 с несколькими цветовыми темами, и эта тема будет использоваться в нескольких приложениях. Я хочу создать пресет и добавить его в качестве зависимости от своих репозиториев, но у меня возникла следующая проблема:
Мои темы в значительной степени зависят от переменных CSS. Его структура следующая:

index.css

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

@layer base {
:root {
--default-color: 255,255,255;
}
#bright-theme {
--default-color: 0,0,0;
}
/* Next themes here */
}

tailwind-config.js

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

module.exports={
theme: {
extend: {
colors: {
'element-base': `rgba(var(--default-color))`,
// etc...
}
}
}
}

Есть ли способ добавить переменные CSS в мои темы? Иначе нет смысла это делать. При необходимости могу изменить структуру пресета/темы. Я не могу использовать опцию темного режима из Tailwind, поскольку у меня есть более одного варианта.
Эта настройка работает локально, но я хотел бы иметь возможность экспортировать ее, например, из пакета npm, но я не могу найти способ заставить подход переменных CSS работать с пресетами Tailwind

Подробнее здесь: https://stackoverflow.com/questions/751 ... ind-preset