Как я могу назначить переменную sass библиотеки без значения !default? ⇐ CSS

[Anonymous]

Нам нужно использовать библиотеку с CSS, которая выглядит вот так. До сих пор мы импортировали его с помощью @import, но мы хотели бы обновить его до @use.

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

.esri-view {
...
font-family: $font-family;

Переменная $font-family не имеет значения по умолчанию. Из-за этого наш @use не работает:

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

@use '@arcgis/core/assets/esri/themes/base/_View.scss' with (
$font-family: var(--our-internal-font-family)
);

Ошибка:

✘ [ОШИБКА] Неопределенная переменная. font-family: $font-family;

Это можно легко исправить с помощью $font-family: somefont !default; в код библиотеки (согласно документации SASS), но поскольку CSS загружается из npm, мы не можем/не хотим его менять.
Есть ли какие-либо возможные обходные пути для этого?
Контекст: мы используем это в настройке Angular 18.

Подробнее здесь: https://stackoverflow.com/questions/792 ... ault-value