fix: incorrect behavior

Author: lolistream

src/text/index.ts

@@ -35,14 +35,6 @@ function isFullyTransparent(color: string): boolean {
   return parsed ? parsed.alpha === 0 : false
 }
 
-function isOpaqueWhite(color: string): boolean {
-  if (!color) return false
-  const parsed = cssColorParse(color)
-  if (!parsed) return false
-  const [r, g, b, a] = parsed.values
-  return r === 255 && g === 255 && b === 255 && (a === undefined || a === 1)
-}
-
 export default async function* buildTextNodes(
   content: string,
   context: LayoutContext
@@ -73,17 +65,13 @@ export default async function* buildTextNodes(
     tabSize = 8,
     letterSpacing,
     _inheritedBackgroundClipTextPath,
-    _inheritedBackgroundClipTextHasBackground,
     WebkitTextFillColor,
     flexShrink,
   } = parentStyle
 
   const textFillColor = WebkitTextFillColor as string | undefined
-  const isTransparentText = textFillColor
-    ? isFullyTransparent(textFillColor)
-    : isFullyTransparent(parentStyle.color) ||
-      (!!_inheritedBackgroundClipTextHasBackground &&
-        isOpaqueWhite(parentStyle.color))
+  const effectiveColor = textFillColor || parentStyle.color
+  const isTransparentText = isFullyTransparent(effectiveColor)
 
   const {
     words,
@@ -880,7 +868,7 @@ export default async function* buildTextNodes(
   // Embed the font as path.
   if (mergedPath) {
     const p =
-      (!isFullyTransparent(parentStyle.color) || filter) && opacity !== 0
+      (!isTransparentText || filter) && opacity !== 0
         ? `<g ${overflowMaskId ? `mask="url(#${overflowMaskId})"` : ''} ${
             clipPathId ? `clip-path="url(#${clipPathId})"` : ''
           }>` +

test/__image_snapshots__/shadow-test-tsx-test-shadow-test-tsx-shadow-box-shadow-should-render-white-text-with-shadow-when-background-clip-is-text-1-snap.png

@@ -252,7 +252,7 @@ describe('Shadow', () => {
       expect(toImage(svg, 100)).toMatchImageSnapshot()
     })
 
-    it('should support text shadows with backgroundClip text', async () => {
+    it('should render white text with shadow when backgroundClip is text', async () => {
       const svg = await satori(
         <div
           style={{