diff --git a/packages/css/src/config/variables.ts b/packages/css/src/config/variables.ts
index b9c232dc8..276de8ea6 100644
--- a/packages/css/src/config/variables.ts
+++ b/packages/css/src/config/variables.ts
@@ -164,7 +164,6 @@ const variables = {
     black: '#000000',
     white: '#ffffff',
     current: 'currentColor',
-    transparent: 'transparent',
     slate: fillColorScale({
         5: '#141e2b',
         10: '#19212d',
diff --git a/packages/css/src/core.ts b/packages/css/src/core.ts
index c572c69d6..b0742c92e 100644
--- a/packages/css/src/core.ts
+++ b/packages/css/src/core.ts
@@ -360,9 +360,8 @@ export class MasterCSS {
                 return b[0].localeCompare(a[0])
             })
         const rulesEntriesLength = rulesEntries.length
-
         const colorVariableNames = Object.keys(this.colorVariables)
-        colorVariableNames.push('current', 'transparent')
+        colorVariableNames.push('current', 'currentColor', 'transparent')
         rulesEntries
             .forEach(([id, eachRuleOptions]: [string, Rule['options']], index: number) => {
                 this.ruleOptions.push(eachRuleOptions)