Probleme beim Zugriff auf den in der Datei tailwind.config.js (in der SCSS-Datei) definierten Farbwert ⇐ CSS

[Anonymous]

In einem Projekt mit Tailwind muss ich eine in tailwind.config.js (direkt in der SCSS-Datei) definierte Farbe abdunkeln.

Code: Select all

@debug "Darken Color: #{darken(theme("colors.gray.500"), 10%)}";

Dies verursacht den Fehler:

SassError: $color: theme("colors.gray.500") ist keine Farbe.

Wenn ich jedoch die Notation theme("colors.gray.500") als Wert und nicht als Parameter der Verdunkelungsfunktion verwende, funktioniert es ordnungsgemäß.
Können Sie mir erklären, was ich falsch liege und wie ich den in der Konfigurationsdatei definierten Farbwert erhalte?