Fix circular dependency

Author: MatiPl01

packages/react-native-reanimated/src/common/utils/index.ts

@@ -1,5 +1,4 @@
 'use strict';
-export * from './colors';
 export * from './conversions';
 export * from './guards';
 export * from './parsers';

packages/react-native-reanimated/src/common/web/style/builders/shadows.ts

@@ -2,7 +2,7 @@
 import type { TextStyle, ViewStyle } from 'react-native';
 
 import { logger } from '../../../logger';
-import { opacifyColor } from '../../../utils';
+import { opacifyColor } from '../../utils';
 import { createRuleBuilder } from '../builderFactories';
 import { processColor } from '../processors';
 import type { ValueProcessor } from '../types';

packages/react-native-reanimated/src/common/utils/colors.ts renamed to packages/react-native-reanimated/src/common/web/utils/colors.ts

@@ -1,17 +1,21 @@
 'use strict';
 import type { ColorValue } from 'react-native';
 
-import { processColor } from '../style';
+import { processColorInitially } from '../../../Colors';
 
 export function opacifyColor(
   color: ColorValue,
   opacity: number
 ): string | null {
   'worklet';
-  const colorNumber = processColor(color);
-  if (colorNumber == null) {
+  const colorNumber = processColorInitially(color);
+
+  if (colorNumber === undefined) {
     return null;
   }
+  if (colorNumber === null) {
+    return 'transparent';
+  }
 
   const a = (colorNumber >> 24) & 0xff;
   const r = (colorNumber >> 16) & 0xff;

packages/react-native-reanimated/src/common/web/utils/index.ts

@@ -0,0 +1,2 @@
+'use strict';
+export * from './colors';