feat: platformColor parsing

Author: marklawlor

src/runtime/native/styles/platform-functions.ts

@@ -0,0 +1,13 @@
+import { PlatformColor } from "react-native";
+import type { StyleFunctionResolver } from "./resolve";
+
+export const platformColor: StyleFunctionResolver = (resolveValue, value) => {
+  const color: unknown = resolveValue(value[2]);
+  if (Array.isArray(color)) {
+    return PlatformColor(...(color as string[]));
+  } else if (typeof color === "string") {
+    return PlatformColor(color);
+  }
+
+  return;
+};

src/runtime/native/styles/resolve.ts

@@ -9,6 +9,7 @@ import { type Getter, type VariableContextValue } from "../reactivity";
 import { animation } from "./animation";
 import { calc } from "./calc";
 import { transformKeys } from "./defaults";
+import { platformColor } from "./platform-functions";
 import { textShadow } from "./text-shadow";
 import { transform } from "./transform";
 import { em, rem, vh, vw } from "./units";
@@ -32,6 +33,7 @@ const functions: Record<string, StyleFunctionResolver> = {
   vw,
   vh,
   rem,
+  platformColor,
   "@textShadow": textShadow,
   "@transform": transform,
   animationName: animation,