Update codegen to use colorAttribute for ColorPrimitive (facebook#55676)

Summary:
Pull Request resolved: facebook#55676

Change `GenerateViewConfigJs.js` to emit `require('.../ReactNativeStyleAttributes').colorAttribute` for `ColorPrimitive` props instead of the inline `{process: require('.../processColor').default}`. This ensures generated ViewConfigs use the same gated attribute as handwritten ones.

Changelog: [Internal]

Differential Revision: D94052698

Author: NickGerleman

packages/react-native-codegen/e2e/deep_imports/__tests__/components/__snapshots__/GenerateViewConfigJs-test.js.snap

@@ -97,9 +97,7 @@ let nativeComponentName = 'ColorPropNativeComponentView';
 export const __INTERNAL_VIEW_CONFIG = {
   uiViewClassName: \\"ColorPropNativeComponentView\\",
   validAttributes: {
-    tintColor: {
-      process: require('react-native/Libraries/StyleSheet/processColor').default
-    }
+    tintColor: require('react-native/Libraries/Components/View/ReactNativeStyleAttributes').colorAttribute
   }
 };
 export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG);
@@ -505,12 +503,8 @@ export const __INTERNAL_VIEW_CONFIG = {
     thumbImage: {
       process: (req => 'default' in req ? req.default : req)(require('react-native/Libraries/Image/resolveAssetSource'))
     },
-    color: {
-      process: require('react-native/Libraries/StyleSheet/processColor').default
-    },
-    thumbTintColor: {
-      process: require('react-native/Libraries/StyleSheet/processColor').default
-    },
+    color: require('react-native/Libraries/Components/View/ReactNativeStyleAttributes').colorAttribute,
+    thumbTintColor: require('react-native/Libraries/Components/View/ReactNativeStyleAttributes').colorAttribute,
     point: {
       diff: (req => 'default' in req ? req.default : req)(require('react-native/Libraries/Utilities/differ/pointsDiffer'))
     }

packages/react-native-codegen/e2e/namespaced/__tests__/components/__snapshots__/GenerateViewConfigJs-test.js.snap

@@ -97,9 +97,7 @@ let nativeComponentName = 'ColorPropNativeComponentView';
 export const __INTERNAL_VIEW_CONFIG = {
   uiViewClassName: \\"ColorPropNativeComponentView\\",
   validAttributes: {
-    tintColor: {
-      process: require('react-native/Libraries/StyleSheet/processColor').default
-    }
+    tintColor: require('react-native/Libraries/Components/View/ReactNativeStyleAttributes').colorAttribute
   }
 };
 export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG);
@@ -505,12 +503,8 @@ export const __INTERNAL_VIEW_CONFIG = {
     thumbImage: {
       process: (req => 'default' in req ? req.default : req)(require('react-native/Libraries/Image/resolveAssetSource'))
     },
-    color: {
-      process: require('react-native/Libraries/StyleSheet/processColor').default
-    },
-    thumbTintColor: {
-      process: require('react-native/Libraries/StyleSheet/processColor').default
-    },
+    color: require('react-native/Libraries/Components/View/ReactNativeStyleAttributes').colorAttribute,
+    thumbTintColor: require('react-native/Libraries/Components/View/ReactNativeStyleAttributes').colorAttribute,
     point: {
       diff: (req => 'default' in req ? req.default : req)(require('react-native/Libraries/Utilities/differ/pointsDiffer'))
     }

packages/react-native-codegen/src/generators/components/GenerateViewConfigJs.js

@@ -72,7 +72,7 @@ function getReactDiffProcessValue(typeAnnotation: PropTypeAnnotation) {
       switch (typeAnnotation.name) {
         case 'ColorPrimitive':
           return expression(
-            "{ process: require('react-native/Libraries/StyleSheet/processColor').default }",
+            "require('react-native/Libraries/Components/View/ReactNativeStyleAttributes').colorAttribute",
           );
         case 'ImageSourcePrimitive':
           return expression(

packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateViewConfigJs-test.js.snap

@@ -412,9 +412,7 @@ let nativeComponentName = 'ColorPropNativeComponent';
 export const __INTERNAL_VIEW_CONFIG = {
   uiViewClassName: \\"ColorPropNativeComponent\\",
   validAttributes: {
-    tintColor: {
-      process: require('react-native/Libraries/StyleSheet/processColor').default
-    }
+    tintColor: require('react-native/Libraries/Components/View/ReactNativeStyleAttributes').colorAttribute
   }
 };
 export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG);
@@ -1076,12 +1074,8 @@ export const __INTERNAL_VIEW_CONFIG = {
     thumbImage: {
       process: (req => 'default' in req ? req.default : req)(require('react-native/Libraries/Image/resolveAssetSource'))
     },
-    color: {
-      process: require('react-native/Libraries/StyleSheet/processColor').default
-    },
-    thumbTintColor: {
-      process: require('react-native/Libraries/StyleSheet/processColor').default
-    },
+    color: require('react-native/Libraries/Components/View/ReactNativeStyleAttributes').colorAttribute,
+    thumbTintColor: require('react-native/Libraries/Components/View/ReactNativeStyleAttributes').colorAttribute,
     point: {
       diff: (req => 'default' in req ? req.default : req)(require('react-native/Libraries/Utilities/differ/pointsDiffer'))
     }