refactor: update to rollup 4 (#28459)

Issue number: N/A

---------

<!-- Please do not submit updates to dependencies unless it fixes an
issue. -->

<!-- Please try to limit your pull request to one type (bugfix, feature,
etc). Submit multiple pull requests if needed. -->

## What is the current behavior?
<!-- Please describe the current behavior that you are modifying. -->

The vue, vue-router, react, and react-router packages are bundled with a
version of rollup that are 2 major versions out of date.

## What is the new behavior?
<!-- Please describe the behavior or changes that are being added by
this PR. -->

- Update deps to rollup 4 and made any necessary changes as a result of
breaking changes
- Removed the react projects old treeshaking script. The rollup dep used
was incompatible with Rollup 4, and the script didn't work to begin
with.
- Removed the source maps and resolve plugins. These did not make any
difference in the final result, and source maps are still included in
the final build.
- Removed a PURE annotation from an import. Rollup 4 warns about this,
and this PURE annotation does not seem to be needed since every import
in this file uses "createReactComponent" to begin with.

## Does this introduce a breaking change?

- [ ] Yes
- [x] No

<!-- If this introduces a breaking change, please describe the impact
and migration path for existing applications below. -->


## Other information

<!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. -->

Author: liamdebeasi

packages/react-router/package-lock.json

@@ -47,7 +47,6 @@
   "devDependencies": {
     "@ionic/eslint-config": "^0.3.0",
     "@ionic/prettier-config": "^2.0.0",
-    "@rollup/plugin-node-resolve": "^8.1.0",
     "@rollup/plugin-typescript": "^11.1.5",
     "@types/node": "^14.0.14",
     "@types/react": "16.14.0",
@@ -63,8 +62,7 @@
     "react-router": "^5.0.1",
     "react-router-dom": "^5.0.1",
     "rimraf": "^3.0.2",
-    "rollup": "^2.26.4",
-    "rollup-plugin-sourcemaps": "^0.6.2",
+    "rollup": "^4.2.0",
     "typescript": "^4.0.5"
   },
   "prettier": "@ionic/prettier-config"

packages/react-router/package.json

@@ -1,5 +1,3 @@
-import sourcemaps from 'rollup-plugin-sourcemaps';
-import resolve from '@rollup/plugin-node-resolve';
 import typescript from '@rollup/plugin-typescript';
 
 export default {
@@ -14,7 +12,5 @@ export default {
   external: (id) => !/^(\.|\/)/.test(id),
   plugins: [
     typescript(),
-    resolve(),
-    sourcemaps()
   ],
 };