Mam projekt, w którym chcę zacząć korzystać z scss. W src/sass/_variables.scss zdefiniowałem już sobie zmienne z kolorami, które będę wykorzystywał, jednak w komponencie, gdy chcę skorzystać z tej zmiennej to wyrzuca mi błąd. Próbowałem dodać import z tymi zmiennymi w src/styles.scss, gdzie znajdują się globalne style dla całego projektu, jedank nic to nie dało. Ktoś będzie w stanie pomóc?
Dodatkowo, kiedyś spotkałem się z generatorem, w którym wrzucało się hexa z kolorem i zwracał konkretną nazwę tego koloru, np. $midnight-blue, ale nigdzie nie mogę go znaleźć. Może macie jakieś swoje generatory?

Edit. Nie chcę importować tych zmiennych w każdym komponencie, chcę je mieć zdefiniowane globalnie.