Исправление бага в стилях .modules.sccs в React, typescript проекте

Использовал UI-kit всё работало хорошо. Перешел на node.js 22 обновил все библиотеки.<br><br>И теперь неправильно работают .modules.scss стили(приоритет поломался).<br><br>Есть такой Компонент:<br><br><pre>export const Flex = (props: FlexProps) =&gt; {<br> const {<br> className,<br> children,<br> justify = 'start',<br> align = 'center',<br> direction = 'row',<br> wrap = 'nowrap',<br> gap,<br> max,<br> ...otherProps<br>} = props;<br><br> const classes = [<br> className,<br> justifyClasses[justify],<br> alignClasses[align],<br> directionClasses[direction],<br> cls[wrap],<br> gap &amp;&amp; gapClasses[gap],<br> ];<br><br> const mods: Mods = {<br> [cls.max]: max,<br> };<br><br> return (<br> </pre><div><br>{children}<br> </div><br>);<br>};<pre>.Flex {<br> display: flex;<br> position: relative;<br> z-index: 1;<br>}</pre><br><br>На его основе сделал элемент:<br><pre>.Appbar {<br> position: fixed;<br> top: 0;<br> width: 100%;<br> z-index: 100;<br> padding: 10px 40px;<br>}</pre>Раньше в предыдущий проектах стили применялись корректно, а именно приоритет у стиля .Appbar был выше и поэтому position был fixed. А сейчас стили применяются неправильно(смотреть скрин)<br><br><br>Почему то у .Flex приоритет выше.<br><br><pre>"dependencies": {<br> "i18next": "^24.2.1",<br> "i18next-browser-languagedetector": "^8.0.2",<br> "i18next-http-backend": "^3.0.1",<br> "react": "^18.3.1",<br> "react-dom": "^18.3.1",<br> "react-i18next": "^15.4.0",<br> "react-router-dom": "^7.1.3"<br>},<br>"devDependencies": {<br> "@eslint/js": "^9.17.0",<br> "@types/react": "^18.3.18",<br> "@types/react-dom": "^18.3.5",<br> "@vitejs/plugin-react": "^4.3.4",<br> "autoprefixer": "^10.4.20",<br> "eslint": "^9.17.0",<br> "eslint-plugin-react-hooks": "^5.0.0",<br> "eslint-plugin-react-refresh": "^0.4.16",<br> "globals": "^15.14.0",<br> "mini-css-extract-plugin": "^2.9.2",<br> "postcss": "^8.5.1",<br> "sass": "^1.83.4",<br> "stylelint": "^16.14.1",<br> "stylelint-config-standard-scss": "^14.0.0",<br> "tsx": "^4.19.2",<br> "typescript": "~5.6.2",<br> "typescript-eslint": "^8.18.2",<br> "vite": "^6.0.5",<br> "vite-plugin-svgr": "^4.3.0"<br>}</pre><br>Может кто сталкивался или сможет помочь решить эту проблему