Fix native-driver detection for skew transforms in transitions

packages/react-strict-dom/src/native/modules/useStyleTransition.js

@@ -54,8 +54,15 @@ function canUseNativeDriver(
     if (
       property === 'transform' &&
       Array.isArray(value) &&
-      // $FlowFixMe[incompatible-type]
-      !value.includes('skew')
+      // The transform value is an array of transform objects (e.g.
+      // `[{ skewX: '10deg' }]`), so detect skew by inspecting each object's
+      // keys. Skew transforms are not supported by the native driver.
+      !value.some(
+        // $FlowFixMe[incompatible-use]
+        (transform) =>
+          transform != null &&
+          (transform.skewX != null || transform.skewY != null)
+      )
     ) {
       continue;
     }

packages/react-strict-dom/tests/css/css-create-test.native.js

@@ -1746,6 +1746,32 @@ describe('css.create()', () => {
       );
     });
 
+    test('skew transform transition does not use the native driver', () => {
+      const skewStyles = css.create({
+        skew: (transform) => ({
+          transform: transform ?? 'skewX(0deg)',
+          transitionDelay: 0,
+          transitionDuration: 1000,
+          transitionProperty: 'transform',
+          transitionTimingFunction: 'ease-out'
+        })
+      });
+      let root;
+      act(() => {
+        root = create(<html.div style={skewStyles.skew()} />);
+      });
+      act(() => {
+        root.update(<html.div style={skewStyles.skew('skewX(45deg)')} />);
+      });
+      // Skew transforms are not supported by the native animation driver.
+      expect(Animated.timing).toHaveBeenCalledWith(
+        expect.anything(),
+        expect.objectContaining({
+          useNativeDriver: false
+        })
+      );
+    });
+
     test('width transition', () => {
       let root;
       // width transition