fix: correct regex to only match rgba/hsla alpha channels

buyuan-dev · buyuan-dev · commit db6d0e1bf882 · 2026-03-19T16:21:49.000+08:00
diff --git a/packages/tailwindcss/src/utils/replace-shadow-colors.ts b/packages/tailwindcss/src/utils/replace-shadow-colors.ts
@@ -26,7 +26,7 @@ function extractAlpha(color: string): string | null {
   }
 
   // Legacy rgba/hsla syntax with comma: rgba(0, 0, 0, 0.12)
-  const commaAlphaMatch = color.match(/,\s*([\d.]+)\s*\)/)
+  // Must be rgba/hsla (with 'a') to have 4 values where the last is alpha`n  const commaAlphaMatch = color.match(/^(?:rgba|hsla)\([^,]+,[^,]+,[^,]+,\s*([\d.]+)\s*\)$/i)
   if (commaAlphaMatch) {
     const alpha = commaAlphaMatch[1]
     const alphaNum = parseFloat(alpha)

Original file line number	Diff line number	Diff line change
`@@ -26,7 +26,7 @@ function extractAlpha(color: string): string \| null {`
`26`	`26`	`}`
`27`	`27`
`28`	`28`	`// Legacy rgba/hsla syntax with comma: rgba(0, 0, 0, 0.12)`
`29`		`- const commaAlphaMatch = color.match(/,\s([\d.]+)\s\)/)`
	`29`	+ // Must be rgba/hsla (with 'a') to have 4 values where the last is alpha`n const commaAlphaMatch = color.match(/^(?:rgba\|hsla)\([^,]+,[^,]+,[^,]+,\s([\d.]+)\s\)$/i)
`30`	`30`	`if (commaAlphaMatch) {`
`31`	`31`	`const alpha = commaAlphaMatch[1]`
`32`	`32`	`const alphaNum = parseFloat(alpha)`