Всем привет) Уже задавал данный вопрос, но так никто и не

Question

Всем привет) Уже задавал данный вопрос, но так никто и не

ответил, поэтому дублирую)

Столкнулся с такой проблемой.
Есть компонент в котором заложены базовые стили через <style scoped>.

Вставляю я этот компонент в другой компонент, вешаю на него новый класс - <AppComponent class="new-class" />.
Делаю ему стилизацию уже в том компоненте, куда его вставил по классу new-class.
И пока я нахожусь в dev режиме всё работает нормально, но как только прогоняю prod сборку, базовые стили начинают перебивать те стили, которые я ему навешал по new-class.
Сборщик vite, может кто подскажет, как побороть данную проблему и почему она вообще возникает?

В интернете много людей жаловались на данную проблему, но решения никто не нашел, может здесь у кого то получилось это решить. Уже из-за этой проблемы подумываю на webpack переехать