Кто является родителем временных файлов Bootstrap?

Дизайн сайта, который мне достался содержит адскую смесь нарисованного в Figma дизайна, Bootstrap, grid и flexbox. Сейчас мне нужно перекрасить React-Select поля.
в самом поле это делается вот так:
classNamePrefix="react-select"
есть файл с изменениями дизайна, но как выяснилось не всего ((( user.scss
мне надо перекрасить цвет выбора из списка:

.react-select__menu, .react-select__option {   /*background-color: var(--falcon-input-bg) !important;*/ }

точнее я заблочил покраску "вне дизайна.
и вот тут начинаются совершенно непонятные (надеюсь только мне) вещи.
единственное место где я нашел строчку:
.react-select__option
это файл theme.min.css
но на изменение этого файла ругается WebStorm говоря, что это временный файл от Bootstrap.

Generated source files should not be edited. The changes will be lost when sources are regenerated.

Вопрос. а где тогда первоисточник этих настроек? Где мне искать файл(ы) где можно это все поменять?
вот это, например

.react-select__menu, .react-select__option {   /*background-color: var(--falcon-input-bg) !important;*/ }

Дополнительно:

Попробуйте поискать примерно такую конструкцию в исходниках

.react-select {   // какие-то свойства    &__option {     //...   } }

Или здесь посмотрите https://react-select.com/styles

• у Вас это покрасивее написано. но да я нашел где. и эта тонна _some_names.scss файлов. из котрорых в итоге вышел theme.min.scss.

  и тогда вопрос. а могу ли я его удалить из dev версии сайта? чтобы заработали остальные файлы? иначе сейчас я могу менять только его иначе если есть одинаковые строчки скажем в user.scss и theme.min.css работает только theme.