Syntax-Fehler in core/tokens/_theme.scss#L82

Zusammenfassung

In https://gitlab.opencode.de/kern-ux/kern-ux-plain/-/blob/main/src/scss/core/tokens/_theme.scss#L82 ist ein CSS-Syntax-Fehler.

    --kern-color-layout-background-overlay: var(--kern-color-white / var(--kern-color-action-state-opacity-overlay)); // opacity // INFO: Excluded from Theming

Verwendete Kit-Version

2.6.1

Schritte zur Reproduktion

https://github.com/Dataport/polar/actions/runs/26400496863/job/77711402426?pr=744

Beispielprojekt

s.o.

Aktuelles Fehlverhalten

CSS-Parser schlägt fehl

Erwartetes korrektes Verhalten

  • CSS-Parser schlägt nicht fehl
  • Neue Versionen werden automatisch vor Veröffentlichung auf syntaktische Korrektheit geprüft

Relevante Logs und/oder Screenshots

[plugin vite:css-post]
SyntaxError: [lightningcss minify] Unexpected token Delim('/')
759 |      /* layout-background */
760 |      --kern-color-layout-background-inverted: var(--kern-color-white);
761 |      --kern-color-layout-background-overlay: var(--kern-color-black / var(--kern-color-action-state-opacity-overlay));
    |                                                                    ^
762 |      /* form-inputs */
763 |      --kern-color-form-input-background: var(--kern-color-neutral-900);

Mögliche Lösungen

s.o.