chore: minor parsing improvements

Author: Brentlok

packages/uniwind/src/metro/processor/css.ts

@@ -278,6 +278,10 @@ export class CSS {
         }
 
         if (Array.isArray(declarationValue)) {
+            if (declarationValue.length === 1) {
+                return this.processValue(declarationValue[0]!)
+            }
+
             return this.addComaBetweenTokens(declarationValue).reduce<string | number>((acc, value, index, array) => {
                 if (typeof value === 'object') {
                     const nextValue = array.at(index + 1)

packages/uniwind/src/metro/stylesheet/addMetaToStylesTemplate.ts

@@ -3,6 +3,18 @@ import { ProcessorBuilder } from '../processor'
 import { Platform, StyleSheetTemplate } from '../types'
 import { isDefined, toCamelCase } from '../utils'
 
+const simpleSerialize = (value: any): string => {
+    if (Array.isArray(value)) {
+        return [
+            '[',
+            value.map(simpleSerialize).join(', '),
+            ']',
+        ].join('')
+    }
+
+    return JSON.stringify(value)
+}
+
 export const addMetaToStylesTemplate = (Processor: ProcessorBuilder, currentPlatform: Platform) => {
     const stylesheetsEntries = Object.entries(Processor.stylesheets as StyleSheetTemplate)
         .map(([className, stylesPerMediaQuery]) => {
@@ -26,7 +38,7 @@ export const addMetaToStylesTemplate = (Processor: ProcessorBuilder, currentPlat
 
                 const entries = Object.entries(rest)
                     .flatMap(([property, value]) => Processor.RN.cssToRN(property, value))
-                    .map(([property, value]) => [property, `function() { return ${value} }`])
+                    .map(([property, value]) => [property, `function() { return ${simpleSerialize(value)} }`])
 
                 if (platform && platform !== Platform.Native && platform !== currentPlatform) {
                     return null