Всем привет. Самоучка, кодю чисто для себя, поэтому строго не судите за скорее всего глупый вопрос.
Чтобы был понятен вопрос, отображу проблему на чистом react-приложении.
Структура приложения следующая. Есть два компонента: One и Two. Для задания стилей использую css-модули.
![63f3351b066aa706235331.png](https://habrastorage.org/webt/63/f3/35/63f3351b066aa706235331.png)
Также есть mixin, написанный на scss. Mixin поместил в отдельный файл mixin.scss. Что делает mixin сейчас значения не имеет. Но дело в том, что данный mixin нужно использовать во всех компонентах. При использовании в каждом компоненте приходится его каждый раз импортировать.
![63f33598e616a906929112.png](https://habrastorage.org/webt/63/f3/35/63f33598e616a906929112.png)
Так вот, вопрос в следующем – можно ли сделать данный mixin глобальным, чтобы его не пришлось каждый раз импортировать в каждый из компонентов, т.е. чтобы не пришлось использовать импорт и чтобы каждый внешний scss-файл понимал, что такое mixin с названием adaptive-value, как в данном примере?