Expo sdk 54 support

[danstepanov]

Description

Works for:

• Nativewind v4.1.21 template
• NativewindUI blank stack template
• NativewindUI all components stack template
• Blank template

Motivation and Context

• chore: update oss nativewindui#54
• https://www.youtube.com/live/hrs6AX5JCRs?si=ZE7Hd4yU_52zwgIF

How Has This Been Tested?

bun run test

[danstepanov]

@mrzachnugent there seems to be a series of type errors in /app/index.ts when creating the following templates, mind taking a look? It all works but the TS errors are annoying.

1. clone the repo
2. cd create-expo-stack/cli
3. bun i
4. bun run build
5. bun run dev myTestProject --nativewindui --blank --overwrite or bun run dev myTestProject --nativewindui --overwrite

[danstepanov]

@dannyhw i've fucked up the next branch a bit too much so I'm doing the following:

• Add Expo SDK 54 support to main and deploy it to latest (this PR)
• Ensure Expo Router + Nativewind v4 template is working on latest
• Ensure NativewindUI supports Expo SDK 54
• Create a new next branch with support for v5 of Nativewind, update tests to reflect new dependencies for NW
• Ensure Expo Router + Nativewind v5 template is working on next
• Deploy next to rn-new@next
• Gradually begin introducing the other templates back (tabs and drawers)

[mrzachnugent]

@danstepanov For the type error: estimatedItemSize={200}, you can remove that line since it is no longer a prop (removing it doesn't break anything since it is done automatically with the latest version).

For the linting rules, the unused imports can be removed. And the progress indicator array item can be updated to:

  {
    name: 'Progress Indicator',
    component: function ProgressIndicatorExample() {
      const [progress, setProgress] = React.useState(13);
      const timeOutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);
      React.useEffect(() => {
        if (!timeOutRef.current) {
          timeOutRef.current = setTimeout(() => {
            setProgress((prev) => (prev >= 99 ? 0 : prev + 5));
          }, 1000);
        }
        return () => {
          if (timeOutRef.current) {
            clearTimeout(timeOutRef.current);
          }
        };
      }, []);
      return (
        <View className="p-4">
          <ProgressIndicator value={progress} />
        </View>
      );
    },
  },

[MOHAMED-LAAGUILI]

cool