NEXT.JS In falscher CSS -Bestellung bricht Kaskadenschichten ⇐ CSS

[Anonymous]

Ich habe eine nächste. Daher habe ich die folgende Zeile in meinem globalen.css: < /p>

Code: Select all

@layer reset, basecolors, mantine, dsno, kyvtokens, kyvtokenstodesignsystemet, styrbord;
< /code>
Die Datei Global.css ist die erste in meinem Layout importiert.import '../globals.css';
import '@mantine/core/styles.layer.css';
import '@mantine/dates/styles.layer.css';
import '@mantine/dropzone/styles.layer.css';
import '@mantine/notifications/styles.layer.css';
import '@kystverket/styrbord/style.css';
import 'material-symbols';
< /code>
Im generierten Layout.css werden die Dateien jedoch in einer anderen Reihenfolge angezeigt: < /p>
./node_modules/@kystverket/styrbord/dist/style.css
./node_modules/@mantine/core/styles.layer.css
./node_modules/@mantine/dates/styles.layer.css
... other files...
./src/app/globals.css

Ich scheint, dass PostCSS die Dateien nach alphabetischer Reihenfolge lädt, so dass alles in ./node_modules vor ./src angezeigt wird. Dies bedeutet, dass einige der Schichten bereits vor der Schichtbestellung deklariert wurden, was die Bestellung bricht. Weiß jemand, wie ich sicherstellen kann, dass Globals.css die erste Datei ist, die dem generierten CSS hinzugefügt wird?