Используйте переменные CSS в объявлении карты цветов SCSS

Я пытаюсь заставить это работать:

:root {
  --primary: #02197f;
}


$colors: (
  primary: var(--primary),
);

но цвет не определяется, когда я это делаю.

Есть ли у кого-нибудь идеи, как это сделать?

Моя цель - иметь возможность динамически изменять мои цвета SCSS, передавая ему переменную CSS, когда я меняю переменную CSS из javascript, например .setProperty('--primary', 'purple');.

Любая помощь была бы потрясающей