alpha of 100% is the default

RobinMalfait · RobinMalfait · commit cd452e3993fc · 2025-04-28T19:25:48.000+02:00
diff --git a/packages/tailwindcss/src/utilities.ts b/packages/tailwindcss/src/utilities.ts
@@ -173,6 +173,11 @@ export function withAlpha(value: string, alpha: string): string {
     alpha = `${alphaAsNumber * 100}%`
   }
 
+  // No need for `color-mix` if the alpha is `100%`
+  if (alpha === '100%') {
+    return value
+  }
+
   return `color-mix(in oklab, ${value} ${alpha}, transparent)`
 }
 

Original file line number	Diff line number	Diff line change
`@@ -173,6 +173,11 @@ export function withAlpha(value: string, alpha: string): string {`
`173`	`173`	alpha = `${alphaAsNumber * 100}%`
`174`	`174`	`}`
`175`	`175`
	`176`	+ // No need for `color-mix` if the alpha is `100%`
	`177`	`+ if (alpha === '100%') {`
	`178`	`+ return value`
	`179`	`+ }`
	`180`	`+`
`176`	`181`	return `color-mix(in oklab, ${value} ${alpha}, transparent)`
`177`	`182`	`}`
`178`	`183`