perf: optimize style merging performance and readability

Address code review feedback by improving the style merging logic:

- Remove Set creation and array spreading for better performance
- Add early exit when finding non-overlapping properties
- Simplify logic flow making it more readable and maintainable
- Maintain identical functionality while reducing computational overhead

Performance improvements are especially beneficial for components
with many style properties, reducing unnecessary object iterations.

Author: tyrauber

src/native/styles/index.ts

@@ -138,20 +138,31 @@ function deepMergeConfig(
   // Handle style merging to support both className and inline style props
   let result: Record<string, any>;
   if (config.target) {
-    if (Array.isArray(config.target) && config.target.length === 1 && config.target[0] === "style") {
+    if (
+      Array.isArray(config.target) &&
+      config.target.length === 1 &&
+      config.target[0] === "style"
+    ) {
       // Special handling for style target when we have inline styles
       result = { ...left, ...right };
+      // More performant approach - check for non-overlapping properties without Sets
       if (left?.style && right?.style && rightIsInline) {
-        // Only create style arrays when we have different properties that should coexist
-        const leftKeys = new Set(Object.keys(left.style));
-        const rightKeys = new Set(Object.keys(right.style));
-        const hasNonOverlappingProperties = [...leftKeys].some(key => !rightKeys.has(key));
-        
+        const leftStyle = left.style;
+        const rightStyle = right.style;
+
+        // Quick check: do any left properties NOT exist in right?
+        let hasNonOverlappingProperties = false;
+        for (const key in leftStyle) {
+          if (!(key in rightStyle)) {
+            hasNonOverlappingProperties = true;
+            break; // Early exit for performance
+          }
+        }
+
         if (hasNonOverlappingProperties) {
-          // Different properties exist - create array for React Native to merge both
-          result.style = [left.style, right.style];
+          result.style = [leftStyle, rightStyle];
         }
-        // If all properties overlap, right.style will override via Object.assign above
+        // Otherwise, Object.assign above will handle the override correctly
       }
     } else {
       result = Object.assign({}, left, right);