fix something, broke something.

Author: Cem Yılmaz

src/parse.ts

@@ -10,6 +10,7 @@ import {getTailwindTheme} from "./theme";
 import {CalculateHexFromString} from "./utils/calculate-hex-from-string";
 import {findTailwindColorFromHex} from "./utils/find-tailwind-color-from-hex";
 import {buildModifier} from "./utils/build-modifier";
+import {isColor} from "./utils/is-color";
 
 export type State = {
     important: boolean
@@ -98,7 +99,7 @@ export const parse = (input: string, config?: Config): AST | Error => {
     let modifier: string | null = null
     let [valueWithoutModifier, modifierSegment = null] = segment(value || "", '/')
 
-    if (modifierSegment) {
+    if (modifierSegment && isColor(valueWithoutModifier, theme)) {
         modifier = buildModifier(modifierSegment, theme.opacity)
     }
 
@@ -140,10 +141,6 @@ export const parse = (input: string, config?: Config): AST | Error => {
         throw new PluginNotFoundException(base)
     }
 
-    if(matchedPlugin.type !== "color"){
-        modifier = null
-    }
-
     const val = getValue(matchedPlugin.type === "color" ? valueWithoutModifier : value, matchedPlugin, theme[matchedPlugin.scaleKey])
 
     return {

src/utils/is-color.ts

@@ -1,5 +1,6 @@
 import type {CustomThemeConfig} from "tailwindcss/types/config"
 import {segment} from "./segment";
+import get from "lodash/get";
 
 const HASH = 0x23
 
@@ -207,7 +208,7 @@ export function isColor(value: string, theme?: CustomThemeConfig): boolean {
 
     if (theme) {
         const [trueValue,] = segment(value, '/')
-        isThemeColor = !!trueValue.split('-').reduce((acc, val) => acc[val], theme.colors as any);
+        isThemeColor = !!get(theme.colors as any, trueValue.split('-').join('.'))
     }
 
     return (

src/utils/value.ts

@@ -1,6 +1,7 @@
 import type {DataType} from "./infer-data-type";
 import type {FunctionalPlugin} from "../plugins";
 import {UnmatchedValueException} from "../exceptions/unmatched-value-exception";
+import get from "lodash/get";
 
 export type Value = {
     kind: DataType,
@@ -11,7 +12,7 @@ export type Value = {
 
 export const getValue = (value: string, plugin: FunctionalPlugin, scale: any): Value => {
     if (plugin.type === "color") {
-        let matchedColor = value.split('-').reduce((acc, val) => acc[val], scale);
+        let matchedColor = get(scale, value.split('-').join('.'))
         if (!matchedColor) {
             throw new UnmatchedValueException(plugin.ns, value)
         }