fix: Web example runtime crash caused by invalid babel config (#8417)

## Summary

The `web-example` started crashing in runtime after the #7702 PR was
merged. The problem was caused by the no longer existing `babel.js` file
under the `react-strict-dom` package directory which was imported in the
web example's `babel.config.js` file.

Since the `react-strict-dom` now exposes a babel preset that already
uses the necessary `@stylexjs/babel-plugin` babel plugin, I was able to
simplify our babel config by removing these plugins and replacing them
by just the babel preset.

## Before

<img width="680" height="60" alt="Screenshot 2025-10-17 at 18 00 22"
src="https://github.com/user-attachments/assets/48a349f1-696d-4d06-8dde-5962b115d46a"
/>

---------

Co-authored-by: Tomasz Zawadzki <[email protected]>

Author: MatiPl01

apps/web-example/babel.config.js

@@ -1,20 +1,6 @@
-const stylexPlugin = require('@stylexjs/babel-plugin');
-const rsdPlugin = require('react-strict-dom/babel');
-
 /** @type {import('@babel/core').ConfigFunction} */
 module.exports = function (api) {
   const plugins = [
-    rsdPlugin,
-    [
-      stylexPlugin,
-      {
-        importSources: [
-          '@stylexjs/stylex',
-          { from: 'react-strict-dom', as: 'css' },
-        ],
-        runtimeInjection: true,
-      },
-    ],
     [
       'module-resolver',
       {
@@ -36,7 +22,7 @@ module.exports = function (api) {
   }
 
   return {
-    presets: ['babel-preset-expo'],
+    presets: ['babel-preset-expo', 'react-strict-dom/babel-preset'],
     plugins,
   };
 };

apps/web-example/package.json

@@ -21,7 +21,6 @@
   },
   "devDependencies": {
     "@expo/metro-runtime": "6.1.2",
-    "@stylexjs/babel-plugin": "0.16.1",
     "@types/react": "19.2.2",
     "prettier": "3.6.2",
     "serve": "14.2.5",

yarn.lock

@@ -7557,21 +7557,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@stylexjs/babel-plugin@npm:0.16.1":
-  version: 0.16.1
-  resolution: "@stylexjs/babel-plugin@npm:0.16.1"
-  dependencies:
-    "@babel/core": "npm:^7.26.8"
-    "@babel/helper-module-imports": "npm:^7.25.9"
-    "@babel/traverse": "npm:^7.26.8"
-    "@babel/types": "npm:^7.26.8"
-    "@dual-bundle/import-meta-resolve": "npm:^4.1.0"
-    "@stylexjs/stylex": "npm:0.16.1"
-    postcss-value-parser: "npm:^4.1.0"
-  checksum: 10/c7e4c7aacc3cc126a1ac76d367e1895b2a0482554a937dc3d8f278f89e741e126c5b96b551a110ae7d80f7063bc538da0138ef3597603f94d89512f364c77d51
-  languageName: node
-  linkType: hard
-
 "@stylexjs/babel-plugin@npm:^0.15.4":
   version: 0.15.4
   resolution: "@stylexjs/babel-plugin@npm:0.15.4"
@@ -7598,17 +7583,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@stylexjs/stylex@npm:0.16.1":
-  version: 0.16.1
-  resolution: "@stylexjs/stylex@npm:0.16.1"
-  dependencies:
-    css-mediaquery: "npm:^0.1.2"
-    invariant: "npm:^2.2.4"
-    styleq: "npm:0.2.1"
-  checksum: 10/265a41980bf329d2f078f8bcf2f94a4a89db6bf0f69714caa120160d881e9edecda3141bdbc1b39284dab02b93821c2e73d071c4c259819c8c377ebf3183d120
-  languageName: node
-  linkType: hard
-
 "@svgr/babel-plugin-add-jsx-attribute@npm:8.0.0":
   version: 8.0.0
   resolution: "@svgr/babel-plugin-add-jsx-attribute@npm:8.0.0"
@@ -30818,7 +30792,6 @@ __metadata:
   resolution: "web-example@workspace:apps/web-example"
   dependencies:
     "@expo/metro-runtime": "npm:6.1.2"
-    "@stylexjs/babel-plugin": "npm:0.16.1"
     "@types/react": "npm:19.2.2"
     common-app: "workspace:*"
     expo: "npm:54.0.13"