SCSS zmianna globalna

Cześć,
chciałbym w SCSS zdefiniować zmienną oznaczającą np kolor główny w mojej aplikacji.
Tworzę więc w pliku styles.scss zmienną $primary-color i bez problemu mogę używać jej wewnątrz tego pliku.

Problem mój pojawia się gdy aplikacja ta pisana jest z użyciem frameworka Angular gdzie mam wiele plików scss (jeden plik per każdy komponent).
Tam niestety moja zmianna zdefiniowana w pliku styles.scss nie jest widoczna.
Jak może to obejść by była widoczna w każdym pliku scss w projekcie?

Możesz importować style/wartości z innych plików.
Utwórz sobie plik ze wszystkimi zmiennymi np. variables.scss i zaimportuj go do innych.
Do tego służy polecenie @use

@use 'variables';