feat: upgrade to SDK 54 preview

Author: marklawlor

example/example-env.d.ts

@@ -1,2 +1,57 @@
-// eslint-disable-next-line @typescript-eslint/triple-slash-reference
-/// <reference path="../types.d.ts" />
+// This file is should be auto generated, you do not need to use this file
+
+export * from "react-native";
+
+declare module "react-native" {
+  interface ScrollViewProps
+    extends ViewProps,
+      ScrollViewPropsIOS,
+      ScrollViewPropsAndroid,
+      Touchable {
+    contentContainerClassName?: string;
+    indicatorClassName?: string;
+  }
+  interface FlatListProps<ItemT> extends VirtualizedListProps<ItemT> {
+    columnWrapperClassName?: string;
+  }
+  interface ImageBackgroundProps extends ImagePropsBase {
+    imageClassName?: string;
+  }
+  interface ImagePropsBase {
+    className?: string;
+    cssInterop?: boolean;
+  }
+  interface ViewProps {
+    className?: string;
+    cssInterop?: boolean;
+  }
+  interface TextInputProps {
+    placeholderClassName?: string;
+  }
+  interface TextProps {
+    className?: string;
+    cssInterop?: boolean;
+  }
+  interface SwitchProps {
+    className?: string;
+    cssInterop?: boolean;
+  }
+  interface InputAccessoryViewProps {
+    className?: string;
+    cssInterop?: boolean;
+  }
+  interface TouchableWithoutFeedbackProps {
+    className?: string;
+    cssInterop?: boolean;
+  }
+  interface StatusBarProps {
+    className?: string;
+    cssInterop?: boolean;
+  }
+  interface KeyboardAvoidingViewProps extends ViewProps {
+    contentContainerClassName?: string;
+  }
+  interface ModalBaseProps {
+    presentationClassName?: string;
+  }
+}

example/package.json

@@ -11,17 +11,15 @@
     "web": "expo start --web"
   },
   "dependencies": {
-    "@expo/metro-runtime": "6.0.0-canary-20250713-8f814f8",
     "@tailwindcss/postcss": "^4.1.11",
-    "expo": "54.0.0-canary-20250713-8f814f8",
+    "expo": "54.0.0-preview.4",
     "expo-dev-client": "5.2.4",
     "expo-status-bar": "~2.2.3",
-    "expo-system-ui": "5.0.11-canary-20250713-8f814f8",
-    "metro-runtime": "^0.83.0",
+    "expo-system-ui": "6.0.2",
     "react": "19.1.0",
     "react-dom": "19.1.0",
-    "react-native": "0.80.1",
-    "react-native-reanimated": "4.0.1",
+    "react-native": "0.81.0",
+    "react-native-reanimated": "4.0.2",
     "react-native-web": "~0.20.0",
     "react-native-worklets": "0.4.1",
     "react-refresh": "^0.17.0"

example/react-native-css-env.d.ts

@@ -1,3 +1,4 @@
-/// <reference types="../types" />
+// This file is different in the example, please use the auto generated file
+/// <reference types="./example-env" />
 
 // NOTE: This file should not be edited and should be committed with your source code. It is generated by react-native-css. If you need to move or disable this file, please see the documentation.

example/tsconfig.json

@@ -8,6 +8,7 @@
     "src/**/*",
     "index.js",
     "postcss.config.mjs",
-    "react-native-css-env.d.ts"
+    "react-native-css-env.d.ts",
+    "../types.d.ts"
   ]
 }

package.json

@@ -147,10 +147,10 @@
     "debug": "^4.4.1"
   },
   "peerDependencies": {
-    "expo": "54.0.0-canary-20250713-8f814f8",
+    "expo": "54.0.0-preview.4",
     "lightningcss": ">=1.27.0",
     "react": "19.1.0",
-    "react-native": "0.80.1"
+    "react-native": "0.81.0"
   },
   "devDependencies": {
     "@babel/core": "^7.28.0",
@@ -164,36 +164,36 @@
     "@types/connect": "^3.4.38",
     "@types/debug": "^4.1.12",
     "@types/jest": "^30.0.0",
-    "@types/react": "^19.1.8",
+    "@types/react": "^19.1.10",
     "@types/react-refresh": "^0",
     "@types/react-test-renderer": "^19",
     "babel-plugin-tester": "^12.0.0",
-    "babel-preset-expo": "13.3.0-canary-20250713-8f814f8",
+    "babel-preset-expo": "14.0.2",
     "commitlint": "^19.8.1",
     "eas-build-cache-provider": "^16.4.2",
     "eslint": "^9.30.1",
     "eslint-config-prettier": "^10.1.5",
     "eslint-plugin-prettier": "^5.5.1",
-    "expo": "54.0.0-canary-20250713-8f814f8",
+    "expo": "54.0.0-preview.4",
     "jest": "^29.7.0",
-    "jest-expo": "54.0.0-canary-20250713-8f814f8",
+    "jest-expo": "54.0.1",
     "lefthook": "^1.12.2",
     "lightningcss": "^1.30.1",
     "metro-runtime": "^0.83.0",
     "postcss": "^8.5.6",
     "prettier": "^3.6.2",
     "react": "19.1.0",
-    "react-native": "0.80.1",
+    "react-native": "0.81.0",
     "react-native-builder-bob": "^0.40.13",
-    "react-native-reanimated": "4.0.1",
-    "react-native-safe-area-context": "5.4.0",
+    "react-native-reanimated": "4.0.2",
+    "react-native-safe-area-context": "5.6.0",
     "react-native-worklets": "0.4.1",
     "react-refresh": "^0.17.0",
     "react-test-renderer": "^19.1.0",
     "release-it": "^19.0.4",
     "tailwindcss": "^4.1.11",
-    "typescript": "^5.8.3",
-    "typescript-eslint": "^8.37.0"
+    "typescript": "^5.9.2",
+    "typescript-eslint": "^8.40.0"
   },
   "react-native-builder-bob": {
     "source": "src",