Это может быть связано с тем, что переменные в файлах _vars, _generics, _fonts, _mixins не доступны напрямую из компонентов React из-за ограничений области видимости в Sass.
Чтобы исправить эту проблему, вам следует объявить переменные в файлах _vars, _generics, _fonts, _mixins с использованием ключевого слова `$`, чтобы они могли быть доступны в других файлах scss. Например:
_vars.scss:
```scss
$primary-color: #ff0000;
```
Затем в style.scss вы должны импортировать _vars.scss перед импортом других файлов:
style.scss:
```scss
@import 'vars';
@import 'generics';
@import 'fonts';
@import 'mixins';
```
Теперь переменные должны быть доступны в ваших компонентах React, если вы импортируете style.scss в index.js. В случае, если проблема сохраняется, попробуйте перезапустить сервер разработки (например, командой `npm start`) после внесения изменений в стили.