Как передать в свойство SASS переменную, название которой в переменной JS?

Чтобы передать в свойство SASS переменную, название которой хранится в переменной JavaScript, вам нужно воспользоваться вычисляемыми свойствами (interpolation) в SASS и использовать функции, доступные в препроцессоре SASS.

Допустим, у вас есть переменная в JavaScript:

let colorName = 'primaryColor';

Теперь вам нужно передать переменную colorName в свойство SASS. Для этого сначала определите переменную SASS с помощью интерполяции:

$primaryColor: red;

.#{$colorName}-element {
    color: $primaryColor;
}

В данном примере, используя интерполяцию .#{$colorName}-element, мы создаем селектор с названием соответствующим переменной colorName, и применяем к нему цвет, который равен значению переменной $primaryColor.

После компиляции кода, вы получите следующий CSS:

.primaryColor-element {
    color: red;
}

Таким образом, переменная JavaScript была передана в свойство SASS с помощью интерполяции и соответствующей логики в вашем стиле.