fix: silence warning in SurfaceIOS when using a transparent background with shadows

Author: DimitarNestorov

src/components/Surface.tsx

@@ -141,8 +141,10 @@ const SurfaceIOS = forwardRef<
       ...restStyle
     } = (StyleSheet.flatten(style) || {}) as ViewStyle;
 
-    const [filteredStyle, marginStyle] = splitStyles(restStyle, (style) =>
-      style.startsWith('margin')
+    const [filteredStyle, marginStyle, borderRadiusStyle] = splitStyles(
+      restStyle,
+      (style) => style.startsWith('margin'),
+      (style) => style.startsWith('border') && style.endsWith('Radius')
     );
 
     if (
@@ -155,9 +157,12 @@ const SurfaceIOS = forwardRef<
       );
     }
 
+    const bgColor = backgroundColorStyle || backgroundColor;
+
     const outerLayerViewStyles = {
       ...getStyleForShadowLayer(elevation, 0),
       ...marginStyle,
+      ...borderRadiusStyle,
       position,
       alignSelf,
       top,
@@ -171,13 +176,15 @@ const SurfaceIOS = forwardRef<
       height,
       transform,
       opacity,
+      backgroundColor: bgColor,
     };
 
     const innerLayerViewStyles = {
       ...getStyleForShadowLayer(elevation, 1),
+      ...borderRadiusStyle,
       ...filteredStyle,
       flex: height ? 1 : undefined,
-      backgroundColor: backgroundColorStyle || backgroundColor,
+      backgroundColor: bgColor,
     };
 
     return [outerLayerViewStyles, innerLayerViewStyles];