Как использовать var в объявлении var в CSS? ⇐ CSS

[Anonymous]

Я заметил неожиданную проблему: странные вещи происходят при использовании переменной в объявлении переменной CSS, сам CSS, похоже, не запрещает это, но я не могу заставить это сделать работа. Пожалуйста, предложите возможные способы решения проблемы.
Я использую NextJS 14, SCSS, и мой поток выглядит следующим образом:
const font = localFont({ ...some code..., variable: '--font-BaiJamjuree', });

//



В global.css я сделал это:
body {
font-family: var(--font-BaiJamjuree);
}

Я пробую это: --font-h3: 700 24px/32px var(--font-BaiJamjuree); и использую вот так
p{
font: var(--font-body);
}

браузер выдает следующую ошибку:

--font-h3 не определен

Если я помещу __font_f1f493 в переменную, все будет работать, но я не думаю, что это хорошая практика. Также пробовал вставить переменную SASS, но безуспешно
$font: var(--font-BaiJamjuree);
--font-body: 400 16px/24px $font;


Подробнее здесь: https://stackoverflow.com/questions/792 ... ion-in-css