React и S CSS экспортируют переменную из s css для реакции

Question

Я пытаюсь экспортировать цвет из моего .s css файла в мой React.

colors.s css

:root {
  --color2: #606060;
}

$color: #88b5dd;
$color2: var(--color2);

.export {
 color: $color
 color2: $color2
}

и читаю его в своем React:

Приложение. js

import {Colors} from './colors.scss'
console.log(Colors.color)
console.log(Colors.color2)

и в файле console.log я вижу:

#88b5dd
var(--color2)

color2 не является цветом, переменная (- color2) не интерполируется, когда я использую экспорт кто-нибудь знает, как решить эту проблему? Как я могу получить цвет, определенный в: root? спасибо!

Answer 1

Редактировать: нашел эту библиотеку react-css-vars и реорганизовал этот код, чтобы использовать ее с React