diff --git a/.changeset/afraid-scissors-work.md b/.changeset/afraid-scissors-work.md
new file mode 100644
index 00000000000..a38aecb4060
--- /dev/null
+++ b/.changeset/afraid-scissors-work.md
@@ -0,0 +1,5 @@
+---
+'@shopify/polaris': major
+---
+
+Change breadcrumbs from an array to a single backAction since only one is supported.
diff --git a/.changeset/few-forks-change.md b/.changeset/few-forks-change.md
new file mode 100644
index 00000000000..ed4db1d95aa
--- /dev/null
+++ b/.changeset/few-forks-change.md
@@ -0,0 +1,5 @@
+---
+'@shopify/polaris': major
+---
+
+No longer transpile optional chaining, nullish coalescing or numeric separators, as our target browser environments all have native support for these syntaxes. This removes support for apps using webpack4, which unable to parse these syntaxes.
diff --git a/.changeset/light-mails-type.md b/.changeset/light-mails-type.md
new file mode 100644
index 00000000000..129a997ab95
--- /dev/null
+++ b/.changeset/light-mails-type.md
@@ -0,0 +1,6 @@
+---
+'@shopify/polaris': minor
+'polaris.shopify.com': minor
+---
+
+Replaced `Stack` with `AlphaStack`
diff --git a/.changeset/nasty-suns-hang.md b/.changeset/nasty-suns-hang.md
new file mode 100644
index 00000000000..1e6a0d0f28d
--- /dev/null
+++ b/.changeset/nasty-suns-hang.md
@@ -0,0 +1,5 @@
+---
+'polaris.shopify.com': patch
+---
+
+Removed beta status from `Text`
diff --git a/.changeset/real-lemons-sniff.md b/.changeset/real-lemons-sniff.md
new file mode 100644
index 00000000000..d4c1690f2a0
--- /dev/null
+++ b/.changeset/real-lemons-sniff.md
@@ -0,0 +1,6 @@
+---
+'@shopify/polaris': major
+'polaris.shopify.com': minor
+---
+
+Removed deprecated `DisplayText`, `Heading`, `Subheading`, `Caption`, `TextStyle`, and `VisuallyHidden` components
diff --git a/.changeset/six-jokes-drum.md b/.changeset/six-jokes-drum.md
new file mode 100644
index 00000000000..44ceb0da8fb
--- /dev/null
+++ b/.changeset/six-jokes-drum.md
@@ -0,0 +1,6 @@
+---
+'@shopify/polaris': major
+'polaris.shopify.com': minor
+---
+
+Replaced `Card` with `AlphaCard`
diff --git a/.changeset/stupid-vans-kick.md b/.changeset/stupid-vans-kick.md
new file mode 100644
index 00000000000..d096a5b3b04
--- /dev/null
+++ b/.changeset/stupid-vans-kick.md
@@ -0,0 +1,5 @@
+---
+'@shopify/polaris': major
+---
+
+Removed deprecated preventMeasuringOnChildUpdate prop on Collapsible
diff --git a/.eslintrc.js b/.eslintrc.js
index 3bd03661495..209ca364852 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -55,6 +55,11 @@ module.exports = {
     'react/button-has-type': 'off',
     'react/no-array-index-key': 'off',
     'react/no-unsafe': ['error', {checkAliases: true}],
+
+    // These can be removed when eslint-plugin-react is updated
+    'react/jsx-uses-react': 'off',
+    'react/react-in-jsx-scope': 'off',
+
     '@shopify/jsx-no-complex-expressions': 'off',
     '@shopify/jsx-prefer-fragment-wrappers': 'off',
     '@shopify/no-ancestor-directory-import': 'error',
@@ -129,12 +134,6 @@ module.exports = {
         'import/extensions': 'off',
         'import/no-default-export': 'off',
         'import/no-anonymous-default-export': 'off',
-        // We could omit this if we set `engines` fields properly
-        // As we don't set them then eslint thinks we're using node 8
-        'node/no-unsupported-features/node-builtins': [
-          'error',
-          {version: '>=16.0.0'},
-        ],
       },
     },
     {
@@ -171,7 +170,6 @@ module.exports = {
       files: ['polaris.shopify.com/**/*'],
       extends: 'plugin:@next/eslint-plugin-next/recommended',
       rules: {
-        'react/react-in-jsx-scope': 'off',
         '@shopify/jsx-no-hardcoded-content': 'off',
         'import/no-default-export': 'off',
       },
diff --git a/.github/CONTRIBUTING.md b/.github/CONTRIBUTING.md
index 1f564d2fd4e..c180ab5b00f 100644
--- a/.github/CONTRIBUTING.md
+++ b/.github/CONTRIBUTING.md
@@ -137,7 +137,7 @@ Each contributor is required to [sign a CLA](https://cla.shopify.com/). This pro
 
 ### Contribution prerequisites
 
-- You have Node installed at v16.13.0+ and Yarn at v1.22.18+
+- You have Node installed at v18.12.0+ and Yarn at v1.22.18+
 
 ### Best practices
 
diff --git a/.github/workflows/changelog.yml b/.github/workflows/changelog.yml
index cffce71434f..3493dbfeb97 100644
--- a/.github/workflows/changelog.yml
+++ b/.github/workflows/changelog.yml
@@ -21,10 +21,10 @@ jobs:
         with:
           fetch-depth: 0
 
-      - name: Setup Node with v16.13.0
+      - name: Setup Node with v18.12.0
         uses: actions/setup-node@v3
         with:
-          node-version: 16.13.0
+          node-version: 18.12.0
 
       - name: Check for Changeset
         run: npx @changesets/cli status --since="origin/main"
diff --git a/.github/workflows/ci-a11y-vrt.yml b/.github/workflows/ci-a11y-vrt.yml
index 5e1fbf07268..a89c5d373d1 100644
--- a/.github/workflows/ci-a11y-vrt.yml
+++ b/.github/workflows/ci-a11y-vrt.yml
@@ -32,10 +32,10 @@ jobs:
           sudo rm -rf "/usr/local/share/boost"
           sudo rm -rf "$AGENT_TOOLSDIRECTORY"
 
-      - name: Setup Node with v16.13.0
+      - name: Setup Node with v18.12.0
         uses: actions/setup-node@v3
         with:
-          node-version: 16.13.0
+          node-version: 18.12.0
           cache: yarn
 
       - name: Restore cache
@@ -72,10 +72,10 @@ jobs:
         with:
           fetch-depth: 0 # Chromatic git history to track changes
 
-      - name: Setup Node with v16.13.0
+      - name: Setup Node with v18.12.0
         uses: actions/setup-node@v3
         with:
-          node-version: 16.13.0
+          node-version: 18.12.0
           cache: yarn
 
       - name: Restore cache
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 509657253fe..6a74d136c14 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -13,7 +13,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: ['14.17.0', '16.13.0']
+        node-version: ['16.17.0', '18.12.0']
     steps:
       - name: Checkout branch
         uses: actions/checkout@v3
diff --git a/.gitignore b/.gitignore
index 216460d8af7..5b6ebc0a66d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -17,3 +17,4 @@ Session.vim
 /polaris.shopify.com/public/sitemap.xml
 /polaris.shopify.com/public/og-images
 /polaris.shopify.com/public/playroom
+storybook-static
diff --git a/.nvmrc b/.nvmrc
index ff650592a1e..9dfef472196 100644
--- a/.nvmrc
+++ b/.nvmrc
@@ -1 +1 @@
-v16.13.0
+v18.12.0
diff --git a/babel.config.js b/babel.config.js
index 7ca7b5ca135..63cc19b1bc7 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -1,15 +1,64 @@
 /**
  * @type {import('@babel/core').TransformOptions}
  */
-module.exports = {
-  presets: [['@shopify/babel-preset', {typescript: true, react: true}]],
-  babelrcRoots: [
-    '.',
-    // Note: The following projects use rootMode: 'upward' to inherit
-    // and merge with this root level config.
-    './polaris-migrator',
-    './polaris-tokens',
-    './polaris-icons',
-    './polaris-react',
-  ],
+module.exports = function (api) {
+  const envName = api.env();
+  const development = envName === 'development' || envName === 'test';
+
+  return {
+    presets: [
+      [
+        '@babel/preset-env',
+        {useBuiltIns: 'entry', corejs: '3.0', bugfixes: true},
+      ],
+      ['@babel/preset-typescript'],
+      [
+        '@babel/preset-react',
+        {
+          runtime: 'automatic',
+          development,
+        },
+      ],
+    ],
+    assumptions: {
+      setPublicClassFields: true,
+      privateFieldsAsProperties: true,
+      // nothing accesses `document.all`:
+      noDocumentAll: true,
+      // nothing relies on class constructors invoked without `new` throwing:
+      noClassCalls: true,
+      // nothing should be relying on tagged template strings being frozen:
+      mutableTemplateObject: true,
+      // nothing is relying on Function.prototype.length:
+      ignoreFunctionLength: true,
+      // nothing is relying on mutable re-exported bindings:
+      constantReexports: true,
+      // don't bother marking Module records non-enumerable:
+      enumerableModuleMeta: true,
+      // nothing uses [[Symbol.toPrimitive]]:
+      // (see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol/toPrimitive)
+      ignoreToPrimitiveHint: true,
+      // nothing relies on spread copying Symbol keys:  ({...{ [Symbol()]: 1 }})
+      objectRestNoSymbols: true,
+      // nothing relies on `new (() => {})` throwing:
+      noNewArrows: true,
+      // transpile object spread to assignment instead of defineProperty():
+      setSpreadProperties: true,
+      // nothing should be using custom iterator protocol:
+      skipForOfIteratorClosing: true,
+      // nothing inherits from a constructor function with explicit return value:
+      superIsCallableConstructor: true,
+      // nothing relies on CJS-transpiled namespace imports having all properties prior to module execution completing:
+      noIncompleteNsImportDetection: true,
+    },
+    babelrcRoots: [
+      '.',
+      // Note: The following projects use rootMode: 'upward' to inherit
+      // and merge with this root level config.
+      './polaris-migrator',
+      './polaris-tokens',
+      './polaris-icons',
+      './polaris-react',
+    ],
+  };
 };
diff --git a/dev.yml b/dev.yml
index 9ff7e7c0a44..83940cd41d2 100644
--- a/dev.yml
+++ b/dev.yml
@@ -2,7 +2,7 @@ name: polaris
 up:
   - node:
       yarn: v1.22.18
-      version: v16.13.0 # to be kept in sync with .nvmrc and .github/workflows/ci.yml
+      version: v18.12.0 # to be kept in sync with .nvmrc and .github/workflows/ci.yml
   - custom:
       name: Build monorepo
       met?: yarn build --output-logs=none
diff --git a/documentation/Nodejs support.md b/documentation/Nodejs support.md
index 3ad0a11818a..dfe4e9dc591 100644
--- a/documentation/Nodejs support.md	
+++ b/documentation/Nodejs support.md	
@@ -16,26 +16,26 @@ The `package.json` engines. This should match the `.github/workflows/ci.yml` and
 
 ```json
 "engines": {
-  "node": "^14.17.0 || ^16.13.0"
+  "node": "^16.17.0 || >=18.12.0"
 },
 ```
 
 The GitHub actions `.github/workflows/ci.yml` file. This should match the `package.json` and list all supported versions.
 
 ```yml
-node-version: ['14.17.0', '16.13.0']
+node-version: ['16.17.0', '18.12.0']
 ```
 
 The `dev.yml` file which creates a local development environment. This should match the `.nvmrc` file.
 
 ```yml
-version: v16.13.0
+version: v18.12.0
 ```
 
 The `.nvmrc` file for local development. This should match the `dev.yml` file.
 
 ```
-v16.13.0
+v18.12.0
 ```
 
 The `shipit.yml` files. This should point towards the GitHub Actions the packages require to pass before publishing.
@@ -43,11 +43,13 @@ The `shipit.yml` files. This should point towards the GitHub Actions the package
 ```yml
 ci:
   require:
-    - 'Validate with Node v14.17.0'
-    - 'Validate with Node v16.13.0'
+    - 'Validate with Node v16.17.0'
+    - 'Validate with Node v18.12.0'
 
 merge:
   require:
-    - 'Validate with Node v14.17.0'
-    - 'Validate with Node v16.13.0'
+    - 'Validate with Node v16.17.0'
+    - 'Validate with Node v18.12.0'
 ```
+
+The `rollup.config.mjs` for some monorepo packages. This should match the minimum supported version.
diff --git a/documentation/guides/migrating-from-v10-to-v11.md b/documentation/guides/migrating-from-v10-to-v11.md
new file mode 100644
index 00000000000..cb130d0772b
--- /dev/null
+++ b/documentation/guides/migrating-from-v10-to-v11.md
@@ -0,0 +1,45 @@
+# Migrating from v10 to v11
+
+Polaris v11.0.0 ([full release notes](https://github.com/Shopify/polaris/releases/tag/v11.0.0)) features...
+
+## Table of Contents
+
+- [Node support](#node-support)
+- [Components](#components)
+  - [Removed deprecated Collapsible argument](#removed-deprecated-collapsible-argument)
+  - [Removed KonamiCode component](#removed-konamicode-component)
+- [Tokens](#tokens)
+
+## Node support
+
+NodeJS version 14 is no longer supported. NodeJS 18 is recommended and 16 is the minimum supported version.
+
+## React support
+
+React version 16 and 17 is no longer supported. React 18 is the minimum supported version.
+
+## Webpack support
+
+Webpack version 4 is no longer supported. Webpack 5 is the minimum supported version.
+
+## TypeScript
+
+Built types in `@shopify/polaris` have moved from `build/ts/latest` to `build/ts`.
+
+**Legacy TypeScript Support**
+
+Polaris no longer supports multiple versions of TypeScript with downlevel-dts. Polaris only builds one set of types based on the current version of TypeScript in the project.
+
+## Components
+
+### Removed deprecated Collapsible argument
+
+We've removed the following deprecated prop from the Collapsible component:
+
+`- preventMeasuringOnChildrenUpdate?: boolean;`
+
+### Removed KonamiCode component
+
+We are removing low usage components from Polaris. We love fun but we also want to ensure we are shipping exactly what our users need. If you want to use this in your project feel free to copy the [component sourcecode](https://github.com/Shopify/polaris/blob/%40shopify/polaris%4010.24.0/polaris-react/src/components/KonamiCode/KonamiCode.tsx).
+
+## Tokens
diff --git a/package.json b/package.json
index f8e86278e48..4f322b1a1ee 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
   "version": "0.0.0",
   "private": true,
   "engines": {
-    "node": "^14.17.0 || ^16.13.0"
+    "node": "^16.17.0 || >=18.12.0"
   },
   "workspaces": {
     "packages": [
@@ -44,21 +44,23 @@
     "postinstall": "patch-package"
   },
   "devDependencies": {
-    "@babel/core": "^7.15.0",
-    "@babel/node": "^7.14.9",
+    "@babel/core": "^7.20.12",
+    "@babel/node": "^7.20.7",
+    "@babel/preset-env": "^7.16.4",
+    "@babel/preset-react": "^7.16.0",
+    "@babel/preset-typescript": "^7.18.6",
     "@changesets/changelog-github": "^0.4.4",
     "@changesets/cli": "^2.23.0",
     "@changesets/get-release-plan": "^3.0.14",
     "@next/eslint-plugin-next": "^12.1.4",
-    "@rollup/plugin-babel": "^5.3.1",
-    "@rollup/plugin-commonjs": "^21.1.0",
-    "@rollup/plugin-image": "^2.0.5",
-    "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^13.2.1",
-    "@rollup/plugin-replace": "^2.3.3",
-    "@rollup/plugin-virtual": "^2.0.3",
-    "@rollup/pluginutils": "^4.1.0",
-    "@shopify/babel-preset": "^24.1.2",
+    "@rollup/plugin-babel": "^6.0.3",
+    "@rollup/plugin-commonjs": "^24.0.1",
+    "@rollup/plugin-image": "^3.0.2",
+    "@rollup/plugin-json": "^6.0.0",
+    "@rollup/plugin-node-resolve": "^15.0.1",
+    "@rollup/plugin-replace": "^5.0.2",
+    "@rollup/plugin-virtual": "^3.0.1",
+    "@rollup/pluginutils": "^5.0.2",
     "@shopify/cli": "^3.10.1",
     "@shopify/eslint-plugin": "^42.0.1",
     "@shopify/prettier-config": "^1.1.2",
@@ -66,7 +68,8 @@
     "@shopify/typescript-configs": "^5.1.0",
     "@size-limit/preset-small-lib": "^5.0.3",
     "@types/jest": "^27.5.1",
-    "downlevel-dts": "^0.6.0",
+    "@types/node": "^18.11.18",
+    "babel-loader": "^9.1.2",
     "eslint": "^8.3.0",
     "execa": "^5.0.0",
     "jest": "^27.5.1",
@@ -76,13 +79,13 @@
     "patch-package": "^6.4.7",
     "postinstall-postinstall": "^2.1.0",
     "prettier": "^2.5.0",
-    "rollup": "^2.70.2",
-    "rollup-plugin-node-externals": "^4.0.0",
+    "rollup": "^3.12.0",
+    "rollup-plugin-node-externals": "^5.1.0",
     "size-limit": "^5.0.3",
     "stylelint": "^14.15.0",
     "ts-node": "^10.7.0",
     "turbo": "^1.2.8",
-    "typescript": "^4.6.3"
+    "typescript": "^4.9.3"
   },
   "prettier": "@shopify/prettier-config",
   "size-limit": [
diff --git a/polaris-cli/package.json b/polaris-cli/package.json
index 322454900e4..16d910b1306 100644
--- a/polaris-cli/package.json
+++ b/polaris-cli/package.json
@@ -26,12 +26,9 @@
     "@oclif/core": "^1.13.10",
     "@shopify/polaris-migrator": "^0.15.1"
   },
-  "devDependencies": {
-    "typescript": "^4.7.4"
-  },
   "engine-strict": true,
   "engines": {
-    "node": ">=14.13.1"
+    "node": "^16.17.0 || >=18.12.0"
   },
   "os": [
     "darwin",
diff --git a/polaris-for-vscode/package.json b/polaris-for-vscode/package.json
index 988c7412feb..ff483c8983d 100644
--- a/polaris-for-vscode/package.json
+++ b/polaris-for-vscode/package.json
@@ -20,7 +20,8 @@
     "shopify"
   ],
   "engines": {
-    "vscode": "^1.64.0"
+    "vscode": "^1.64.0",
+    "node": "^16.17.0 || >=18.12.0"
   },
   "categories": [
     "Other"
@@ -43,7 +44,6 @@
   },
   "devDependencies": {
     "@shopify/polaris-tokens": "^6.8.0",
-    "@types/node": "14.x",
     "@types/vscode": "^1.64.0",
     "@vscode/test-electron": "^2.1.2",
     "globby": "^11.1.0",
diff --git a/polaris-icons/package.json b/polaris-icons/package.json
index e9e7198ee5d..cfdc2edcc24 100644
--- a/polaris-icons/package.json
+++ b/polaris-icons/package.json
@@ -13,6 +13,9 @@
       ]
     }
   },
+  "engines": {
+    "node": "^16.17.0 || >=18.12.0"
+  },
   "scripts": {
     "build": "rollup -c",
     "dev": "rollup -c -w",
diff --git a/polaris-icons/rollup.config.mjs b/polaris-icons/rollup.config.mjs
index d0815f2729b..eee9221dd27 100644
--- a/polaris-icons/rollup.config.mjs
+++ b/polaris-icons/rollup.config.mjs
@@ -222,6 +222,11 @@ export default [
         interop,
         entryFileNames: '[name].js',
         chunkFileNames: '[name].js',
+        manualChunks: (id) => {
+          if (id.startsWith(iconBasePath)) {
+            return id.replace(iconBasePath, 'icons/');
+          }
+        },
       },
       {
         dir: 'dist',
@@ -229,18 +234,15 @@ export default [
         interop,
         entryFileNames: '[name].mjs',
         chunkFileNames: '[name].mjs',
+        manualChunks: (id) => {
+          if (id.startsWith(iconBasePath)) {
+            return id.replace(iconBasePath, 'icons/');
+          }
+        },
       },
     ],
-    manualChunks: (id) => {
-      // Generate distinct chunks for each icon
-      // This allows consuming apps to split up the icons into multiple subchunks
-      // containing a few icons each instead of always having to put every icon
-      // into a single shared chunk
-      if (id.startsWith(iconBasePath)) {
-        return id.replace(iconBasePath, 'icons/');
-      }
-    },
-    external: ['react'],
+
+    external: ['react', 'react/jsx-runtime'],
     onwarn: (warning, warn) => {
       // Unresolved imports means Rollup couldn't find an import, possibly because
       // we made a typo in the file name. Fail the build in that case so we know
diff --git a/polaris-migrator/package.json b/polaris-migrator/package.json
index 930096bdc28..4ae011d7add 100644
--- a/polaris-migrator/package.json
+++ b/polaris-migrator/package.json
@@ -6,6 +6,9 @@
   "author": "Shopify <dev@shopify.com>",
   "homepage": "https://polaris.shopify.com",
   "repository": "https://github.com/Shopify/polaris",
+  "engines": {
+    "node": "^16.17.0 || >=18.12.0"
+  },
   "bugs": {
     "url": "https://github.com/Shopify/polaris/issues"
   },
@@ -48,10 +51,6 @@
   "devDependencies": {
     "@types/is-git-clean": "^1.1.0",
     "@types/jscodeshift": "^0.11.5",
-    "@rollup/plugin-babel": "^5.3.1",
-    "@rollup/plugin-commonjs": "^22.0.2",
-    "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^13.3.0",
     "@shopify/polaris": "^10.35.0",
     "plop": "^3.1.1",
     "plop-dir": "^0.0.5",
diff --git a/polaris-migrator/rollup.config.mjs b/polaris-migrator/rollup.config.mjs
index 7590ff5f94f..5785b04448d 100644
--- a/polaris-migrator/rollup.config.mjs
+++ b/polaris-migrator/rollup.config.mjs
@@ -21,14 +21,14 @@ export default {
   output: [
     {
       format: /** @type {const} */ ('cjs'),
-      entryFileNames: '[name][assetExtname].js',
+      entryFileNames: '[name].js',
       dir: path.dirname(pkg.main),
       preserveModules: true,
       exports: 'auto',
     },
     {
       format: /** @type {const} */ ('esm'),
-      entryFileNames: '[name][assetExtname].mjs',
+      entryFileNames: '[name].mjs',
       dir: path.dirname(pkg.module),
       preserveModules: true,
     },
@@ -45,7 +45,7 @@ export default {
       include: ['src/**/*'],
       babelHelpers: 'bundled',
       envName: 'production',
-      targets: 'node 14.13',
+      targets: 'node 16.17.0',
     }),
     json({compact: true}),
   ],
diff --git a/polaris-migrator/src/migrations/react-rename-component-prop/tests/react-rename-component-prop.input.tsx b/polaris-migrator/src/migrations/react-rename-component-prop/tests/react-rename-component-prop.input.tsx
index 4be474e3865..843f786e0f5 100644
--- a/polaris-migrator/src/migrations/react-rename-component-prop/tests/react-rename-component-prop.input.tsx
+++ b/polaris-migrator/src/migrations/react-rename-component-prop/tests/react-rename-component-prop.input.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 interface MyComponentProps {
   prop?: string;
   newProp?: string;
diff --git a/polaris-migrator/src/migrations/react-rename-component-prop/tests/react-rename-component-prop.output.tsx b/polaris-migrator/src/migrations/react-rename-component-prop/tests/react-rename-component-prop.output.tsx
index 9305ddb375b..d4ead638db8 100644
--- a/polaris-migrator/src/migrations/react-rename-component-prop/tests/react-rename-component-prop.output.tsx
+++ b/polaris-migrator/src/migrations/react-rename-component-prop/tests/react-rename-component-prop.output.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 interface MyComponentProps {
   prop?: string;
   newProp?: string;
diff --git a/polaris-migrator/src/migrations/react-rename-component/tests/react-rename-component.input.tsx b/polaris-migrator/src/migrations/react-rename-component/tests/react-rename-component.input.tsx
index 278211d8fdf..58709cfbcb7 100644
--- a/polaris-migrator/src/migrations/react-rename-component/tests/react-rename-component.input.tsx
+++ b/polaris-migrator/src/migrations/react-rename-component/tests/react-rename-component.input.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {Card} from '@shopify/polaris';
 
 const MyCard = Card;
diff --git a/polaris-migrator/src/migrations/react-rename-component/tests/react-rename-component.output.tsx b/polaris-migrator/src/migrations/react-rename-component/tests/react-rename-component.output.tsx
index 137f73424ef..8ff847a51e0 100644
--- a/polaris-migrator/src/migrations/react-rename-component/tests/react-rename-component.output.tsx
+++ b/polaris-migrator/src/migrations/react-rename-component/tests/react-rename-component.output.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {LegacyCard} from '@shopify/polaris';
 
 const MyCard = LegacyCard;
diff --git a/polaris-migrator/src/migrations/react-rename-component/tests/react-rename-stack-component.input.tsx b/polaris-migrator/src/migrations/react-rename-component/tests/react-rename-stack-component.input.tsx
index 60830ff037f..eb968d2f8e2 100644
--- a/polaris-migrator/src/migrations/react-rename-component/tests/react-rename-stack-component.input.tsx
+++ b/polaris-migrator/src/migrations/react-rename-component/tests/react-rename-stack-component.input.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {Stack} from '@shopify/polaris';
 
 const MyStack = Stack;
diff --git a/polaris-migrator/src/migrations/react-rename-component/tests/react-rename-stack-component.output.tsx b/polaris-migrator/src/migrations/react-rename-component/tests/react-rename-stack-component.output.tsx
index ab49d74d730..72b1861a027 100644
--- a/polaris-migrator/src/migrations/react-rename-component/tests/react-rename-stack-component.output.tsx
+++ b/polaris-migrator/src/migrations/react-rename-component/tests/react-rename-stack-component.output.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {LegacyStack} from '@shopify/polaris';
 
 const MyStack = LegacyStack;
diff --git a/polaris-migrator/src/migrations/react-rename-component/tests/rename-prop-types.input.tsx b/polaris-migrator/src/migrations/react-rename-component/tests/rename-prop-types.input.tsx
index d80b696d34e..94bf07ba2ea 100644
--- a/polaris-migrator/src/migrations/react-rename-component/tests/rename-prop-types.input.tsx
+++ b/polaris-migrator/src/migrations/react-rename-component/tests/rename-prop-types.input.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {CardProps} from '@shopify/polaris';
 
 export interface MyCardProps extends CardProps {}
diff --git a/polaris-migrator/src/migrations/react-rename-component/tests/rename-prop-types.output.tsx b/polaris-migrator/src/migrations/react-rename-component/tests/rename-prop-types.output.tsx
index bd6065aee0c..4f4e35e5b11 100644
--- a/polaris-migrator/src/migrations/react-rename-component/tests/rename-prop-types.output.tsx
+++ b/polaris-migrator/src/migrations/react-rename-component/tests/rename-prop-types.output.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {LegacyCardProps} from '@shopify/polaris';
 
 export interface MyCardProps extends LegacyCardProps {}
diff --git a/polaris-migrator/src/migrations/react-rename-component/tests/renamed-available-identifier.input.tsx b/polaris-migrator/src/migrations/react-rename-component/tests/renamed-available-identifier.input.tsx
index 3b0a83177a4..e8429fb904e 100644
--- a/polaris-migrator/src/migrations/react-rename-component/tests/renamed-available-identifier.input.tsx
+++ b/polaris-migrator/src/migrations/react-rename-component/tests/renamed-available-identifier.input.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {Card as PolarisCard} from '@shopify/polaris';
 
 const MyCard = PolarisCard;
diff --git a/polaris-migrator/src/migrations/react-rename-component/tests/renamed-available-identifier.output.tsx b/polaris-migrator/src/migrations/react-rename-component/tests/renamed-available-identifier.output.tsx
index 535ef3cf617..318feb501b7 100644
--- a/polaris-migrator/src/migrations/react-rename-component/tests/renamed-available-identifier.output.tsx
+++ b/polaris-migrator/src/migrations/react-rename-component/tests/renamed-available-identifier.output.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {Card as PolarisCard} from '@shopify/polaris';
 
 const MyCard = PolarisCard;
diff --git a/polaris-migrator/src/migrations/react-rename-component/tests/renamed-available-jsx.input.tsx b/polaris-migrator/src/migrations/react-rename-component/tests/renamed-available-jsx.input.tsx
index f13016e992a..025a37d771b 100644
--- a/polaris-migrator/src/migrations/react-rename-component/tests/renamed-available-jsx.input.tsx
+++ b/polaris-migrator/src/migrations/react-rename-component/tests/renamed-available-jsx.input.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {Card as PolarisCard} from '@shopify/polaris';
 
 const MyCard = PolarisCard;
diff --git a/polaris-migrator/src/migrations/react-rename-component/tests/renamed-available-jsx.output.tsx b/polaris-migrator/src/migrations/react-rename-component/tests/renamed-available-jsx.output.tsx
index fdd21ea489b..f1216f9f5f5 100644
--- a/polaris-migrator/src/migrations/react-rename-component/tests/renamed-available-jsx.output.tsx
+++ b/polaris-migrator/src/migrations/react-rename-component/tests/renamed-available-jsx.output.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {Card as PolarisCard} from '@shopify/polaris';
 
 const MyCard = PolarisCard;
diff --git a/polaris-migrator/src/migrations/react-rename-component/tests/renamed-import.input.tsx b/polaris-migrator/src/migrations/react-rename-component/tests/renamed-import.input.tsx
index db747809228..f2382fd31d8 100644
--- a/polaris-migrator/src/migrations/react-rename-component/tests/renamed-import.input.tsx
+++ b/polaris-migrator/src/migrations/react-rename-component/tests/renamed-import.input.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {Card as PolarisCard} from '@shopify/polaris';
 
 const MyCard = PolarisCard;
diff --git a/polaris-migrator/src/migrations/react-rename-component/tests/renamed-import.output.tsx b/polaris-migrator/src/migrations/react-rename-component/tests/renamed-import.output.tsx
index 7e04fd4be1c..bb7d8a4f6fe 100644
--- a/polaris-migrator/src/migrations/react-rename-component/tests/renamed-import.output.tsx
+++ b/polaris-migrator/src/migrations/react-rename-component/tests/renamed-import.output.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {LegacyCard} from '@shopify/polaris';
 
 const MyCard = LegacyCard;
diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-all.input.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-all.input.tsx
index d74f6d01b66..63b4e8a6eba 100644
--- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-all.input.tsx
+++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-all.input.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {
   Caption,
   DisplayText,
diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-all.output.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-all.output.tsx
index 92ddf39c233..17d2b01af33 100644
--- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-all.output.tsx
+++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-all.output.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {Text, InlineCode} from '@shopify/polaris';
 
 export function App() {
diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-identifier.input.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-identifier.input.tsx
index ac71d0e75f7..37d61c1a226 100644
--- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-identifier.input.tsx
+++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-identifier.input.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {Caption, DisplayText} from '@shopify/polaris';
 
 export function App() {
diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-identifier.output.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-identifier.output.tsx
index 4ad56081887..dea5b53fe7d 100644
--- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-identifier.output.tsx
+++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-identifier.output.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {
   /* polaris-migrator: Unable to migrate the following expression. Please upgrade manually. */
   /* Replace with: Text */
diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-props-invalid.input.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-props-invalid.input.tsx
index c7a5847f131..dbbdc7d5d86 100644
--- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-props-invalid.input.tsx
+++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-props-invalid.input.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {
   Caption,
   DisplayText,
diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-props-invalid.output.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-props-invalid.output.tsx
index 80f96e965ac..fb9e8ef8fd5 100644
--- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-props-invalid.output.tsx
+++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-props-invalid.output.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {
   /* polaris-migrator: Unable to migrate the following expression. Please upgrade manually. */
   /* Replace with: Text */
diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-props-type.input.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-props-type.input.tsx
index f82c7899701..ea764f3253b 100644
--- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-props-type.input.tsx
+++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-props-type.input.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {CaptionProps} from '@shopify/polaris';
 import {Caption, DisplayText} from '@shopify/polaris';
 
diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-props-type.output.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-props-type.output.tsx
index 24f6a112286..b3377530a61 100644
--- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-props-type.output.tsx
+++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/remove-imports-partial-props-type.output.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {
   /* polaris-migrator: Unable to migrate the following expression. Please upgrade manually. */
   /* Replace with: TextProps */
diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/v10-react-replace-text-components.input.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/v10-react-replace-text-components.input.tsx
index e82264d9e71..d85d074214d 100644
--- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/v10-react-replace-text-components.input.tsx
+++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/v10-react-replace-text-components.input.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {TextStyleProps} from '@shopify/polaris';
 import {
   DisplayText,
diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/v10-react-replace-text-components.output.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/v10-react-replace-text-components.output.tsx
index 832b1862710..4027187c0ce 100644
--- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/v10-react-replace-text-components.output.tsx
+++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/v10-react-replace-text-components.output.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {
   /* polaris-migrator: Unable to migrate the following expression. Please upgrade manually. */
   /* Replace with: TextProps */
diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-component-name.input.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-component-name.input.tsx
index bc45c624cf4..a2ea1d24cdb 100644
--- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-component-name.input.tsx
+++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-component-name.input.tsx
@@ -1,13 +1,5 @@
 // @ts-nocheck
-import React from 'react';
-import {
-  DisplayText,
-  Caption,
-  Heading,
-  Subheading,
-  TextStyle,
-  VisuallyHidden,
-} from '@shopify/polaris';
+import { DisplayText, Caption, Heading, Subheading, TextStyle, VisuallyHidden } from '@shopify/polaris';
 
 export function App() {
   return (
diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-component-name.output.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-component-name.output.tsx
index 14bce256408..e97368adaf0 100644
--- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-component-name.output.tsx
+++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-component-name.output.tsx
@@ -1,13 +1,5 @@
 // @ts-nocheck
-import React from 'react';
-import {
-  DisplayText,
-  Caption,
-  Subheading,
-  TextStyle,
-  VisuallyHidden,
-  Text,
-} from '@shopify/polaris';
+import { DisplayText, Caption, Subheading, TextStyle, VisuallyHidden, Text } from '@shopify/polaris';
 
 export function App() {
   return (
diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-other-component-and-other-component-props.input.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-other-component-and-other-component-props.input.tsx
index c9363744f98..d99c583c5c6 100644
--- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-other-component-and-other-component-props.input.tsx
+++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-other-component-and-other-component-props.input.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {HeadingProps} from '@shopify/polaris';
 import {Subheading} from '@shopify/polaris';
 
diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-other-component-and-other-component-props.output.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-other-component-and-other-component-props.output.tsx
index 75d5576ac52..1e32fcb8f39 100644
--- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-other-component-and-other-component-props.output.tsx
+++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-other-component-and-other-component-props.output.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {
   /* polaris-migrator: Unable to migrate the following expression. Please upgrade manually. */
   /* Replace with: TextProps */
diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-display-text.input.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-display-text.input.tsx
index 2459942aa53..d5246c426ff 100644
--- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-display-text.input.tsx
+++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-display-text.input.tsx
@@ -1,7 +1,5 @@
 // @ts-nocheck
-import React from 'react';
-
-import {DisplayText} from '../DisplayText';
+import { DisplayText } from '../DisplayText';
 
 export function App() {
   return <DisplayText>Display text</DisplayText>;
diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-display-text.output.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-display-text.output.tsx
index 0b2165fa42b..5ac90e4d2ee 100644
--- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-display-text.output.tsx
+++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-display-text.output.tsx
@@ -1,7 +1,5 @@
 // @ts-nocheck
-import React from 'react';
-
-import {Text} from '../Text';
+import { Text } from '../Text';
 
 export function App() {
   return (
diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-other-component-and-other-component-props.input.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-other-component-and-other-component-props.input.tsx
index e8b245df74d..1c2eb4e315a 100644
--- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-other-component-and-other-component-props.input.tsx
+++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-other-component-and-other-component-props.input.tsx
@@ -1,7 +1,5 @@
 // @ts-nocheck
-import React from 'react';
-
-import type {HeadingProps} from '../Heading';
+import type { HeadingProps } from '../Heading';
 import {TextStyle} from '../TextStyle';
 
 const MyHeading = (_props: HeadingProps) => {
diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-other-component-and-other-component-props.output.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-other-component-and-other-component-props.output.tsx
index 96fdf6212a6..e22ca02456b 100644
--- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-other-component-and-other-component-props.output.tsx
+++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-other-component-and-other-component-props.output.tsx
@@ -1,6 +1,4 @@
 // @ts-nocheck
-import React from 'react';
-
 import type {
   /* polaris-migrator: Unable to migrate the following expression. Please upgrade manually. */
   /* Replace with: TextProps */
diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-text-style-props.input.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-text-style-props.input.tsx
index 538adb29ef6..9d266bfbe75 100644
--- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-text-style-props.input.tsx
+++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-text-style-props.input.tsx
@@ -1,7 +1,5 @@
 // @ts-nocheck
-import React from 'react';
-
-import type {TextStyleProps} from '../TextStyle';
+import type { TextStyleProps } from '../TextStyle';
 
 const MyTextStyle = (_props: TextStyleProps) => {
   return null;
diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-text-style-props.output.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-text-style-props.output.tsx
index 6e1d5eaad6a..363e26b1414 100644
--- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-text-style-props.output.tsx
+++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative-text-style-props.output.tsx
@@ -1,6 +1,4 @@
 // @ts-nocheck
-import React from 'react';
-
 import type {
   /* polaris-migrator: Unable to migrate the following expression. Please upgrade manually. */
   /* Replace with: TextProps */
diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative.input.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative.input.tsx
index 26f7d52c423..d8f140f0829 100644
--- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative.input.tsx
+++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative.input.tsx
@@ -1,7 +1,5 @@
 // @ts-nocheck
-import React from 'react';
-
-import {DisplayText} from '../DisplayText';
+import { DisplayText } from '../DisplayText';
 import {Heading} from '../Heading';
 import {Subheading} from '../Subheading';
 import {Caption} from '../Caption';
diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative.output.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative.output.tsx
index 38cea8f97a9..1c6bfecd6b9 100644
--- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative.output.tsx
+++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-relative.output.tsx
@@ -1,6 +1,4 @@
 // @ts-nocheck
-import React from 'react';
-
 import {
   /* polaris-migrator: Unable to migrate the following expression. Please upgrade manually. */
   /* Replace with: Text */
diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-text-style-props.input.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-text-style-props.input.tsx
index 269155605f5..33e5f69b91a 100644
--- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-text-style-props.input.tsx
+++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-text-style-props.input.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {TextStyleProps} from '@shopify/polaris';
 
 const MyTextStyle = (_props: TextStyleProps) => {
diff --git a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-text-style-props.output.tsx b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-text-style-props.output.tsx
index 6e35285fdbe..7dd170e17ef 100644
--- a/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-text-style-props.output.tsx
+++ b/polaris-migrator/src/migrations/v10-react-replace-text-components/tests/with-text-style-props.output.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {
   /* polaris-migrator: Unable to migrate the following expression. Please upgrade manually. */
   /* Replace with: TextProps */
diff --git a/polaris-migrator/src/migrations/v11-react-update-page-breadcrumbs/tests/v11-react-update-page-breadcrumbs.input.tsx b/polaris-migrator/src/migrations/v11-react-update-page-breadcrumbs/tests/v11-react-update-page-breadcrumbs.input.tsx
index 9c1bb22d4ca..3aa99181da4 100644
--- a/polaris-migrator/src/migrations/v11-react-update-page-breadcrumbs/tests/v11-react-update-page-breadcrumbs.input.tsx
+++ b/polaris-migrator/src/migrations/v11-react-update-page-breadcrumbs/tests/v11-react-update-page-breadcrumbs.input.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {Page} from '@shopify/polaris';
 
 export function App({
diff --git a/polaris-migrator/src/migrations/v11-react-update-page-breadcrumbs/tests/v11-react-update-page-breadcrumbs.output.tsx b/polaris-migrator/src/migrations/v11-react-update-page-breadcrumbs/tests/v11-react-update-page-breadcrumbs.output.tsx
index 301c99ebc69..6004a42dd50 100644
--- a/polaris-migrator/src/migrations/v11-react-update-page-breadcrumbs/tests/v11-react-update-page-breadcrumbs.output.tsx
+++ b/polaris-migrator/src/migrations/v11-react-update-page-breadcrumbs/tests/v11-react-update-page-breadcrumbs.output.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {Page} from '@shopify/polaris';
 
 export function App({
diff --git a/polaris-migrator/tsconfig.json b/polaris-migrator/tsconfig.json
index 6051d2576fb..661fd5a6b96 100644
--- a/polaris-migrator/tsconfig.json
+++ b/polaris-migrator/tsconfig.json
@@ -6,7 +6,7 @@
     "emitDeclarationOnly": true,
     "outDir": "dist/types",
     "rootDir": "src",
-    "jsx": "react",
+    "jsx": "react-jsx",
     "types": ["node", "jest"]
   },
   "include": ["src"],
diff --git a/polaris-react/.storybook/GridOverlay/GridOverlay.tsx b/polaris-react/.storybook/GridOverlay/GridOverlay.tsx
index 3ed4131a04e..781e80e2b92 100644
--- a/polaris-react/.storybook/GridOverlay/GridOverlay.tsx
+++ b/polaris-react/.storybook/GridOverlay/GridOverlay.tsx
@@ -1,4 +1,4 @@
-import React, {useState} from 'react';
+import {useState} from 'react';
 // eslint-disable-next-line import/no-deprecated
 import {EventListener} from '../../src';
 import {classNames} from '../../src/utilities/css';
diff --git a/polaris-react/.storybook/RenderPerformanceProfiler/RenderPerformanceProfiler.tsx b/polaris-react/.storybook/RenderPerformanceProfiler/RenderPerformanceProfiler.tsx
index 4f757177afc..fda404a7173 100644
--- a/polaris-react/.storybook/RenderPerformanceProfiler/RenderPerformanceProfiler.tsx
+++ b/polaris-react/.storybook/RenderPerformanceProfiler/RenderPerformanceProfiler.tsx
@@ -1,4 +1,4 @@
-import React, {PropsWithChildren} from 'react';
+import { Profiler, PropsWithChildren } from 'react';
 
 interface Data {
   id: string;
@@ -34,7 +34,7 @@ export const RenderPerformanceProfiler = ({
   }
 
   return (
-    <React.Profiler
+    <Profiler
       id={id}
       onRender={(_, phase, actualDuration, baseDuration) => {
         const data = {
@@ -48,6 +48,6 @@ export const RenderPerformanceProfiler = ({
       }}
     >
       {children}
-    </React.Profiler>
+    </Profiler>
   );
 };
diff --git a/polaris-react/.storybook/manager.js b/polaris-react/.storybook/manager.js
index 92a2a0dfc59..b4098fb8855 100644
--- a/polaris-react/.storybook/manager.js
+++ b/polaris-react/.storybook/manager.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import {AddonPanel, ArgsTable} from '@storybook/components';
 import {addons, types} from '@storybook/addons';
 import {useGlobals} from '@storybook/api';
diff --git a/polaris-react/.storybook/preview.js b/polaris-react/.storybook/preview.js
index 9c3746309b4..37711c5cdb0 100644
--- a/polaris-react/.storybook/preview.js
+++ b/polaris-react/.storybook/preview.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import { StrictMode, Fragment } from 'react';
 
 import {AppProvider} from '../src';
 import enTranslations from '../locales/en.json';
@@ -9,7 +9,7 @@ import {breakpoints} from '@shopify/polaris-tokens';
 
 function StrictModeDecorator(Story, context) {
   const {strictMode} = context.globals;
-  const Wrapper = strictMode ? React.StrictMode : React.Fragment;
+  const Wrapper = strictMode ? StrictMode : Fragment;
 
   return (
     <Wrapper>
@@ -45,7 +45,7 @@ function GridOverlayDecorator(Story, context) {
 
 function ReactRenderProfiler(Story, context) {
   const {profiler} = context.globals;
-  const Wrapper = profiler ? RenderPerformanceProfiler : React.Fragment;
+  const Wrapper = profiler ? RenderPerformanceProfiler : Fragment;
   const props = profiler ? {id: context.id, kind: context.kind} : {};
 
   return (
diff --git a/polaris-react/package.json b/polaris-react/package.json
index c08dfe0d1f7..3fbd4ebe6ab 100644
--- a/polaris-react/package.json
+++ b/polaris-react/package.json
@@ -10,6 +10,9 @@
   "bugs": {
     "url": "https://github.com/Shopify/polaris/issues"
   },
+  "engines": {
+    "node": "^16.17.0 || >=18.12.0"
+  },
   "publishConfig": {
     "access": "public",
     "@shopify:registry": "https://registry.npmjs.org"
@@ -36,18 +39,10 @@
   "main": "build/cjs/index.js",
   "module": "build/esm/index.js",
   "esnext": "build/esnext/index.esnext",
-  "types": "build/ts/latest/src/index.d.ts",
-  "typesVersions": {
-    "<4.0": {
-      "build/types/latest/*": [
-        "build/ts/3.4/*"
-      ]
-    }
-  },
+  "types": "build/ts/src/index.d.ts",
   "scripts": {
-    "build": "run-s build:types build:types-downlevel build:js build:validate",
+    "build": "run-s build:types build:js build:validate",
     "build:types": "tsc -b",
-    "build:types-downlevel": "downlevel-dts './build/ts/latest' './build/ts/3.4'",
     "build:js": "rollup -c",
     "build:validate": "node scripts/build-validate.js",
     "dev": "yarn run storybook",
@@ -71,14 +66,11 @@
     "react-transition-group": "^4.4.2"
   },
   "peerDependencies": {
-    "react": "^16.14.0 || ^17.0.0 || ^18.0.0",
-    "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.15.0",
-    "@babel/node": "^7.14.9",
     "@changesets/get-release-plan": "^3.0.13",
-    "@shopify/browserslist-config": "^3.0.0",
     "@shopify/jest-dom-mocks": "^3.0.5",
     "@shopify/postcss-plugin": "^5.0.1",
     "@shopify/react-testing": "^4.1.0",
@@ -89,11 +81,8 @@
     "@storybook/builder-webpack5": "^6.5.12",
     "@storybook/manager-webpack5": "^6.5.12",
     "@storybook/react": "^6.5.12",
-    "@types/node": "^16.11.11",
     "@types/react": "^18.0.15",
     "@types/react-dom": "^18.0.6",
-    "babel-core": "7.0.0-bridge.0",
-    "babel-loader": "^8.1.0",
     "change-case": "^3.1.0",
     "chromatic": "^6.5.4",
     "create-file-webpack": "^1.0.2",
diff --git a/polaris-react/playground/DetailsPage.tsx b/polaris-react/playground/DetailsPage.tsx
index a99ac21fb30..375abd2cf18 100644
--- a/polaris-react/playground/DetailsPage.tsx
+++ b/polaris-react/playground/DetailsPage.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useRef, useState} from 'react';
+import { useCallback, useRef, useState } from 'react';
 import {
   AnalyticsMajor,
   AppsMajor,
@@ -528,8 +528,7 @@ export function DetailsPage() {
             alt={file.name}
             source={
               validImageTypes.indexOf(file.type) > 0
-                ? // eslint-disable-next-line node/no-unsupported-features/node-builtins
-                  URL.createObjectURL(file)
+                ? URL.createObjectURL(file)
                 : 'https://cdn.shopify.com/s/files/1/0757/9955/files/New_Post.png?12678548500147524304'
             }
           />
@@ -548,7 +547,7 @@ export function DetailsPage() {
   const actualPageMarkup = (
     <Page
       fullWidth
-      breadcrumbs={[{content: 'Products', url: '/products/31'}]}
+      backAction={{content: 'Products', url: '/products/31'}}
       title={title}
       titleMetadata={<Badge status="success">Success badge</Badge>}
       primaryAction={{
diff --git a/polaris-react/playground/KitchenSink.tsx b/polaris-react/playground/KitchenSink.tsx
index eeb53f4afaa..770861903cb 100644
--- a/polaris-react/playground/KitchenSink.tsx
+++ b/polaris-react/playground/KitchenSink.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {RenderPerformanceProfiler} from '../.storybook/RenderPerformanceProfiler';
 
 interface Stories {
diff --git a/polaris-react/playground/Playground.tsx b/polaris-react/playground/Playground.tsx
index 355f6b984f2..6009e657e69 100644
--- a/polaris-react/playground/Playground.tsx
+++ b/polaris-react/playground/Playground.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {Page} from '../src';
 
 export function Playground() {
diff --git a/polaris-react/rollup.config.mjs b/polaris-react/rollup.config.mjs
index 34ca161cb6f..150534584fd 100644
--- a/polaris-react/rollup.config.mjs
+++ b/polaris-react/rollup.config.mjs
@@ -33,7 +33,6 @@ function generateConfig({output, targets, stylesConfig}) {
         // Options that may be present on the `babelConfig` object but
         // we want to override
         envName: 'production',
-        // @ts-expect-error targets is a valid babel option but @types/babel__core doesn't know that yet
         targets,
       }),
       replace({
@@ -54,7 +53,7 @@ function generateConfig({output, targets, stylesConfig}) {
 /** @type {import('rollup').RollupOptions} */
 export default [
   generateConfig({
-    targets: 'extends @shopify/browserslist-config, node 12.20',
+    targets: [...pkg.browserslist, 'node 16.17.0'],
     stylesConfig: {
       mode: 'standalone',
       output: 'styles.css',
@@ -69,14 +68,14 @@ export default [
         format: 'cjs',
         dir: path.dirname(pkg.main),
         preserveModules: true,
-        entryFileNames: '[name][assetExtname].js',
+        entryFileNames: '[name].js',
         exports: 'named',
       },
       {
         format: 'esm',
         dir: path.dirname(pkg.module),
         preserveModules: true,
-        entryFileNames: '[name][assetExtname].js',
+        entryFileNames: '[name].js',
       },
     ],
   }),
@@ -95,7 +94,7 @@ export default [
         format: 'esm',
         dir: path.dirname(pkg.esnext),
         preserveModules: true,
-        entryFileNames: '[name][assetExtname].esnext',
+        entryFileNames: '[name].esnext',
       },
     ],
   }),
diff --git a/polaris-react/scripts/build-validate.js b/polaris-react/scripts/build-validate.js
index 4b2dcf87612..c6654c9129b 100644
--- a/polaris-react/scripts/build-validate.js
+++ b/polaris-react/scripts/build-validate.js
@@ -1,4 +1,3 @@
-// eslint-disable-next-line node/no-unsupported-features/node-builtins
 const assert = require('assert').strict;
 const fs = require('fs');
 
@@ -83,9 +82,7 @@ function validateEsNextBuild() {
 }
 
 function validateAncillaryOutput() {
-  assert.ok(fs.existsSync('./build/ts/latest/src/index.d.ts'));
-  // Downleveled for consumers on older TypeScript versions
-  assert.ok(fs.existsSync('./build/ts/3.4/src/index.d.ts'));
+  assert.ok(fs.existsSync('./build/ts/src/index.d.ts'));
 }
 
 function validateVersionReplacement() {
diff --git a/polaris-react/src/components/AccountConnection/AccountConnection.stories.tsx b/polaris-react/src/components/AccountConnection/AccountConnection.stories.tsx
index 3a739793182..ea3f669d9b1 100644
--- a/polaris-react/src/components/AccountConnection/AccountConnection.stories.tsx
+++ b/polaris-react/src/components/AccountConnection/AccountConnection.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import { useCallback, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {AccountConnection, Link} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/AccountConnection/AccountConnection.tsx b/polaris-react/src/components/AccountConnection/AccountConnection.tsx
index 67eb3117682..7996539a66a 100644
--- a/polaris-react/src/components/AccountConnection/AccountConnection.tsx
+++ b/polaris-react/src/components/AccountConnection/AccountConnection.tsx
@@ -1,14 +1,12 @@
-import React from 'react';
-
 import type {Action} from '../../types';
 import {Avatar} from '../Avatar';
 import {buttonFrom} from '../Button';
 import {SettingAction} from '../SettingAction';
-import {AlphaCard} from '../AlphaCard';
+import {Card} from '../Card';
 import {Box} from '../Box';
 import {Inline} from '../Inline';
 import {Text} from '../Text';
-import {AlphaStack} from '../AlphaStack';
+import {Stack} from '../Stack';
 
 export interface AccountConnectionProps {
   /** Content to display as title */
@@ -69,17 +67,17 @@ export function AccountConnection({
     : null;
 
   return (
-    <AlphaCard>
+    <Card>
       <SettingAction action={actionElement}>
         <Inline gap="4">
           {avatarMarkup}
-          <AlphaStack gap="2">
+          <Stack gap="2">
             {titleMarkup}
             {detailsMarkup}
-          </AlphaStack>
+          </Stack>
         </Inline>
       </SettingAction>
       {termsOfServiceMarkup}
-    </AlphaCard>
+    </Card>
   );
 }
diff --git a/polaris-react/src/components/AccountConnection/tests/AccountConnection.test.tsx b/polaris-react/src/components/AccountConnection/tests/AccountConnection.test.tsx
index aac5109963c..f7591d9b7e4 100644
--- a/polaris-react/src/components/AccountConnection/tests/AccountConnection.test.tsx
+++ b/polaris-react/src/components/AccountConnection/tests/AccountConnection.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 import {matchMedia} from '@shopify/jest-dom-mocks';
 
diff --git a/polaris-react/src/components/ActionList/ActionList.stories.tsx b/polaris-react/src/components/ActionList/ActionList.stories.tsx
index f6900faeef7..437778e1c24 100644
--- a/polaris-react/src/components/ActionList/ActionList.stories.tsx
+++ b/polaris-react/src/components/ActionList/ActionList.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import { useCallback, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {
   ActionList,
diff --git a/polaris-react/src/components/ActionList/ActionList.tsx b/polaris-react/src/components/ActionList/ActionList.tsx
index 7ec14e87b69..9c3cfb9c469 100644
--- a/polaris-react/src/components/ActionList/ActionList.tsx
+++ b/polaris-react/src/components/ActionList/ActionList.tsx
@@ -1,4 +1,4 @@
-import React, {useRef} from 'react';
+import { useRef } from 'react';
 
 import {
   wrapFocusNextFocusableMenuItem,
diff --git a/polaris-react/src/components/ActionList/components/Item/Item.tsx b/polaris-react/src/components/ActionList/components/Item/Item.tsx
index 1f13460adf8..82e9d98ce23 100644
--- a/polaris-react/src/components/ActionList/components/Item/Item.tsx
+++ b/polaris-react/src/components/ActionList/components/Item/Item.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {classNames} from '../../../../utilities/css';
 import type {ActionListItemDescriptor} from '../../../../types';
 import {Scrollable} from '../../../Scrollable';
diff --git a/polaris-react/src/components/ActionList/components/Item/tests/Item.test.tsx b/polaris-react/src/components/ActionList/components/Item/tests/Item.test.tsx
index 5494718b75d..bea01b66f60 100644
--- a/polaris-react/src/components/ActionList/components/Item/tests/Item.test.tsx
+++ b/polaris-react/src/components/ActionList/components/Item/tests/Item.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Item} from '../Item';
diff --git a/polaris-react/src/components/ActionList/components/Section/Section.tsx b/polaris-react/src/components/ActionList/components/Section/Section.tsx
index 921d6b83681..3d84749c035 100644
--- a/polaris-react/src/components/ActionList/components/Section/Section.tsx
+++ b/polaris-react/src/components/ActionList/components/Section/Section.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {Item} from '../Item';
 import {Box} from '../../../Box';
 import {Text} from '../../../Text';
diff --git a/polaris-react/src/components/ActionList/components/Section/tests/Section.test.tsx b/polaris-react/src/components/ActionList/components/Section/tests/Section.test.tsx
index 90e03ec68d6..f2259961398 100644
--- a/polaris-react/src/components/ActionList/components/Section/tests/Section.test.tsx
+++ b/polaris-react/src/components/ActionList/components/Section/tests/Section.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Item} from '../../Item';
diff --git a/polaris-react/src/components/ActionList/tests/ActionList.test.tsx b/polaris-react/src/components/ActionList/tests/ActionList.test.tsx
index 14ed6e9cab5..d82dceb53c3 100644
--- a/polaris-react/src/components/ActionList/tests/ActionList.test.tsx
+++ b/polaris-react/src/components/ActionList/tests/ActionList.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {ImportMinor, ExportMinor} from '@shopify/polaris-icons';
 import {mountWithApp} from 'tests/utilities';
 
diff --git a/polaris-react/src/components/ActionMenu/ActionMenu.tsx b/polaris-react/src/components/ActionMenu/ActionMenu.tsx
index b09fb002bdd..a60263ad00c 100644
--- a/polaris-react/src/components/ActionMenu/ActionMenu.tsx
+++ b/polaris-react/src/components/ActionMenu/ActionMenu.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {classNames} from '../../utilities/css';
 import type {
   ActionListSection,
diff --git a/polaris-react/src/components/ActionMenu/components/Actions/Actions.tsx b/polaris-react/src/components/ActionMenu/components/Actions/Actions.tsx
index 5f7c44b4873..32679e6566e 100644
--- a/polaris-react/src/components/ActionMenu/components/Actions/Actions.tsx
+++ b/polaris-react/src/components/ActionMenu/components/Actions/Actions.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useMemo, useRef, useState} from 'react';
+import { useCallback, useMemo, useRef, useState } from 'react';
 
 import type {
   ActionListItemDescriptor,
diff --git a/polaris-react/src/components/ActionMenu/components/Actions/tests/Actions.test.tsx b/polaris-react/src/components/ActionMenu/components/Actions/tests/Actions.test.tsx
index 6559b07eeb9..0c9b6b6d4f7 100644
--- a/polaris-react/src/components/ActionMenu/components/Actions/tests/Actions.test.tsx
+++ b/polaris-react/src/components/ActionMenu/components/Actions/tests/Actions.test.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import { useCallback, useState } from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {ActionMenuProps, ActionMenu} from '../../..';
diff --git a/polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx b/polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx
index 5052ed6e5f4..ff1dbadfc47 100644
--- a/polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx
+++ b/polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback} from 'react';
+import { useCallback } from 'react';
 
 import type {ActionListSection, MenuGroupDescriptor} from '../../../../types';
 import {ActionList} from '../../../ActionList';
diff --git a/polaris-react/src/components/ActionMenu/components/MenuGroup/tests/MenuGroup.test.tsx b/polaris-react/src/components/ActionMenu/components/MenuGroup/tests/MenuGroup.test.tsx
index c47e257866f..9be726c024b 100644
--- a/polaris-react/src/components/ActionMenu/components/MenuGroup/tests/MenuGroup.test.tsx
+++ b/polaris-react/src/components/ActionMenu/components/MenuGroup/tests/MenuGroup.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {ActionList} from '../../../../ActionList';
diff --git a/polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx b/polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx
index b89e6ce59ad..8091d1aeb87 100644
--- a/polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx
+++ b/polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {HorizontalDotsMinor} from '@shopify/polaris-icons';
 
 import type {
diff --git a/polaris-react/src/components/ActionMenu/components/RollupActions/tests/RollupActions.test.tsx b/polaris-react/src/components/ActionMenu/components/RollupActions/tests/RollupActions.test.tsx
index 5979230dcdc..e4335b7f26f 100644
--- a/polaris-react/src/components/ActionMenu/components/RollupActions/tests/RollupActions.test.tsx
+++ b/polaris-react/src/components/ActionMenu/components/RollupActions/tests/RollupActions.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {HorizontalDotsMinor} from '@shopify/polaris-icons';
 import {mountWithApp} from 'tests/utilities';
 
diff --git a/polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx b/polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx
index d3c0c33527c..3ba77a68052 100644
--- a/polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx
+++ b/polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx
@@ -1,4 +1,4 @@
-import React, {useEffect, useRef} from 'react';
+import {useEffect, useRef} from 'react';
 
 import {classNames} from '../../../../utilities/css';
 import {Tooltip} from '../../../Tooltip';
diff --git a/polaris-react/src/components/ActionMenu/tests/ActionMenu.test.tsx b/polaris-react/src/components/ActionMenu/tests/ActionMenu.test.tsx
index 8ff14bcc0c3..6461e3ca8a4 100644
--- a/polaris-react/src/components/ActionMenu/tests/ActionMenu.test.tsx
+++ b/polaris-react/src/components/ActionMenu/tests/ActionMenu.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import type {
diff --git a/polaris-react/src/components/AfterInitialMount/AfterInitialMount.tsx b/polaris-react/src/components/AfterInitialMount/AfterInitialMount.tsx
index 63b7707006f..6e279bd0908 100644
--- a/polaris-react/src/components/AfterInitialMount/AfterInitialMount.tsx
+++ b/polaris-react/src/components/AfterInitialMount/AfterInitialMount.tsx
@@ -1,4 +1,4 @@
-import React, {ReactNode, useEffect} from 'react';
+import { ReactNode, useEffect } from 'react';
 
 import {useIsAfterInitialMount} from '../../utilities/use-is-after-initial-mount';
 
diff --git a/polaris-react/src/components/AfterInitialMount/test/AfterInitialMount.test.tsx b/polaris-react/src/components/AfterInitialMount/test/AfterInitialMount.test.tsx
index 22a25cf7014..0334bb8eb0b 100644
--- a/polaris-react/src/components/AfterInitialMount/test/AfterInitialMount.test.tsx
+++ b/polaris-react/src/components/AfterInitialMount/test/AfterInitialMount.test.tsx
@@ -1,4 +1,4 @@
-import React, {useEffect} from 'react';
+import { useEffect } from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {AfterInitialMount} from '../AfterInitialMount';
diff --git a/polaris-react/src/components/AlphaCard/AlphaCard.stories.tsx b/polaris-react/src/components/AlphaCard/AlphaCard.stories.tsx
deleted file mode 100644
index 18c83caf9ec..00000000000
--- a/polaris-react/src/components/AlphaCard/AlphaCard.stories.tsx
+++ /dev/null
@@ -1,104 +0,0 @@
-import React from 'react';
-import type {ComponentMeta} from '@storybook/react';
-import {
-  AlphaCard,
-  AlphaStack,
-  Bleed,
-  Box,
-  Divider,
-  List,
-  Text,
-} from '@shopify/polaris';
-
-export default {
-  component: AlphaCard,
-} as ComponentMeta<typeof AlphaCard>;
-
-export function Default() {
-  return (
-    <AlphaCard>
-      <AlphaStack gap="5">
-        <Text as="h3" variant="headingMd">
-          Online store dashboard
-        </Text>
-        <p>View a summary of your online store’s performance.</p>
-      </AlphaStack>
-    </AlphaCard>
-  );
-}
-
-export function WithBackgroundSubdued() {
-  return (
-    <AlphaCard background="surface-subdued">
-      <AlphaStack gap="5">
-        <Text as="h3" variant="headingMd">
-          Online store dashboard
-        </Text>
-        <p>View a summary of your online store’s performance.</p>
-      </AlphaStack>
-    </AlphaCard>
-  );
-}
-
-export function WithBorderRadiusRoundedAbove() {
-  return (
-    <AlphaCard roundedAbove="sm">
-      <AlphaStack gap="5">
-        <Text as="h3" variant="headingMd">
-          Online store dashboard
-        </Text>
-        <p>View a summary of your online store’s performance.</p>
-      </AlphaStack>
-    </AlphaCard>
-  );
-}
-
-export function WithResponsivePadding() {
-  return (
-    <AlphaCard padding={{xs: '5', sm: '6', md: '8'}} roundedAbove="sm">
-      <AlphaStack gap={{xs: '4', sm: '5'}}>
-        <Text as="h3" variant="headingMd">
-          Online store dashboard
-        </Text>
-        <p>View a summary of your online store’s performance.</p>
-      </AlphaStack>
-    </AlphaCard>
-  );
-}
-
-export function WithSubduedSection() {
-  return (
-    <AlphaCard roundedAbove="sm">
-      <AlphaStack gap="5">
-        <Text as="h3" variant="headingMd">
-          Staff accounts
-        </Text>
-        <Box paddingBlockEnd="5">
-          <List>
-            <List.Item>Felix Crafford</List.Item>
-            <List.Item>Ezequiel Manno</List.Item>
-          </List>
-        </Box>
-      </AlphaStack>
-      <Bleed marginBlockEnd="5" marginInline="5">
-        <Divider />
-        <Box
-          background="surface-subdued"
-          borderRadiusEndStart="2"
-          borderRadiusEndEnd="2"
-          padding="5"
-        >
-          <AlphaStack gap="2">
-            <Text variant="headingSm" as="h3">
-              Deactivated staff accounts
-            </Text>
-            <List>
-              <List.Item>Felix Crafford</List.Item>
-              <List.Item>Ezequiel Manno</List.Item>
-            </List>
-          </AlphaStack>
-        </Box>
-      </Bleed>
-    </AlphaCard>
-  );
-}
diff --git a/polaris-react/src/components/AlphaCard/AlphaCard.tsx b/polaris-react/src/components/AlphaCard/AlphaCard.tsx
deleted file mode 100644
index a4a76379985..00000000000
--- a/polaris-react/src/components/AlphaCard/AlphaCard.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import type {
-  BreakpointsAlias,
-  ColorsTokenName,
-  ShapeBorderRadiusScale,
-  SpacingSpaceScale,
-} from '@shopify/polaris-tokens';
-import React from 'react';
-
-import {useBreakpoints} from '../../utilities/breakpoints';
-import type {ResponsiveProp} from '../../utilities/css';
-import {Box} from '../Box';
-
-type CardBackgroundColorTokenScale = Extract<
-  ColorsTokenName,
-  'surface' | 'surface-subdued'
->;
-
-type Spacing = ResponsiveProp<SpacingSpaceScale>;
-
-export interface AlphaCardProps {
-  children?: React.ReactNode;
-  /** Background color
-   * @default 'surface'
-   */
-  background?: CardBackgroundColorTokenScale;
-  /** The spacing around the card
-   * @default {xs: '4', sm: '5'}
-   * @example
-   * padding='4'
-   * padding={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}
-   */
-  padding?: Spacing;
-  /** Border radius value above a set breakpoint */
-  roundedAbove?: BreakpointsAlias;
-}
-
-export const AlphaCard = ({
-  children,
-  background = 'surface',
-  padding = {xs: '4', sm: '5'},
-  roundedAbove,
-}: AlphaCardProps) => {
-  const breakpoints = useBreakpoints();
-  const defaultBorderRadius = '2' as ShapeBorderRadiusScale;
-
-  let hasBorderRadius = !roundedAbove;
-
-  if (roundedAbove && breakpoints[`${roundedAbove}Up`]) {
-    hasBorderRadius = true;
-  }
-
-  return (
-    <Box
-      background={background}
-      padding={padding}
-      shadow="card"
-      borderRadius={hasBorderRadius ? defaultBorderRadius : undefined}
-    >
-      {children}
-    </Box>
-  );
-};
diff --git a/polaris-react/src/components/AlphaCard/index.ts b/polaris-react/src/components/AlphaCard/index.ts
deleted file mode 100644
index 48ec946eecf..00000000000
--- a/polaris-react/src/components/AlphaCard/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './AlphaCard';
diff --git a/polaris-react/src/components/AlphaCard/tests/AlphaCard.test.tsx b/polaris-react/src/components/AlphaCard/tests/AlphaCard.test.tsx
deleted file mode 100644
index 8048d406b26..00000000000
--- a/polaris-react/src/components/AlphaCard/tests/AlphaCard.test.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from 'react';
-import {mountWithApp} from 'tests/utilities';
-import {matchMedia} from '@shopify/jest-dom-mocks';
-import {setMediaWidth} from 'tests/utilities/breakpoints';
-
-import {AlphaCard} from '..';
-
-const heading = <p>Online store dashboard</p>;
-const subheading = <p>View a summary of your online store performance</p>;
-
-describe('AlphaCard', () => {
-  beforeEach(() => {
-    matchMedia.mock();
-  });
-
-  afterEach(() => {
-    matchMedia.restore();
-  });
-
-  it('renders children', () => {
-    const alphaCard = mountWithApp(
-      <AlphaCard>
-        {heading}
-        {subheading}
-      </AlphaCard>,
-    );
-
-    expect(alphaCard).toContainReactComponentTimes('p', 2);
-  });
-
-  it('sets default border radius when roundedAbove breakpoint passed in', () => {
-    setMediaWidth('breakpoints-sm');
-    const alphaCard = mountWithApp(
-      <AlphaCard roundedAbove="sm">
-        {heading}
-        {subheading}
-      </AlphaCard>,
-    );
-
-    expect(alphaCard).toContainReactComponent('div', {
-      style: expect.objectContaining({
-        '--pc-box-border-radius': 'var(--p-border-radius-2)',
-      }),
-    });
-  });
-});
diff --git a/polaris-react/src/components/AlphaStack/AlphaStack.scss b/polaris-react/src/components/AlphaStack/AlphaStack.scss
deleted file mode 100644
index 1f2dbe2bf1e..00000000000
--- a/polaris-react/src/components/AlphaStack/AlphaStack.scss
+++ /dev/null
@@ -1,54 +0,0 @@
-@import '../../styles/common';
-
-.AlphaStack {
-  // stylelint-disable -- Polaris component custom properties
-  --pc-stack-align: initial;
-  --pc-stack-gap-xs: 0;
-  --pc-stack-gap-sm: var(--pc-stack-gap-xs);
-  --pc-stack-gap-md: var(--pc-stack-gap-sm);
-  --pc-stack-gap-lg: var(--pc-stack-gap-md);
-  --pc-stack-gap-xl: var(--pc-stack-gap-lg);
-  // stylelint-enable
-
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  display: flex;
-  // stylelint-disable-next-line -- local component custom property is required for flex direction
-  flex-direction: var(--pc-stack-order);
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  align-items: var(--pc-stack-align);
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  gap: var(--pc-stack-gap-xs);
-
-  @media #{$p-breakpoints-sm-up} {
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    gap: var(--pc-stack-gap-sm);
-  }
-
-  @media #{$p-breakpoints-md-up} {
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    gap: var(--pc-stack-gap-md);
-  }
-
-  @media #{$p-breakpoints-lg-up} {
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    gap: var(--pc-stack-gap-lg);
-  }
-
-  @media #{$p-breakpoints-xl-up} {
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    gap: var(--pc-stack-gap-xl);
-  }
-}
-
-.listReset {
-  list-style-type: none;
-  margin-block-start: 0;
-  margin-block-end: 0;
-  padding-inline-start: 0;
-}
-
-.fieldsetReset {
-  border: none;
-  margin: 0;
-  padding: 0;
-}
diff --git a/polaris-react/src/components/AlphaStack/AlphaStack.stories.tsx b/polaris-react/src/components/AlphaStack/AlphaStack.stories.tsx
deleted file mode 100644
index 9fed96ad2df..00000000000
--- a/polaris-react/src/components/AlphaStack/AlphaStack.stories.tsx
+++ /dev/null
@@ -1,103 +0,0 @@
-import React from 'react';
-import type {ComponentMeta} from '@storybook/react';
-import {Box, AlphaStack} from '@shopify/polaris';
-
-export default {
-  component: AlphaStack,
-} as ComponentMeta<typeof AlphaStack>;
-
-export function Default() {
-  return (
-    <AlphaStack>
-      <Box background="surface" padding="1">
-        01
-      </Box>
-      <Box background="surface" padding="1">
-        02
-      </Box>
-      <Box background="surface" padding="1">
-        03
-      </Box>
-    </AlphaStack>
-  );
-}
-
-export function WithGap() {
-  return (
-    <AlphaStack gap="8">
-      <Box background="surface" padding="1">
-        01
-      </Box>
-      <Box background="surface" padding="1">
-        02
-      </Box>
-      <Box background="surface" padding="1">
-        03
-      </Box>
-    </AlphaStack>
-  );
-}
-
-export function WithResponsiveGap() {
-  return (
-    <AlphaStack gap={{xs: '4', md: '10'}}>
-      <Box background="surface" padding="1">
-        01
-      </Box>
-      <Box background="surface" padding="1">
-        02
-      </Box>
-      <Box background="surface" padding="1">
-        03
-      </Box>
-    </AlphaStack>
-  );
-}
-
-export function WithAlignStart() {
-  return (
-    <AlphaStack gap="4" align="start">
-      <Box background="surface" padding="1">
-        01
-      </Box>
-      <Box background="surface" padding="1">
-        02
-      </Box>
-      <Box background="surface" padding="1">
-        03
-      </Box>
-    </AlphaStack>
-  );
-}
-
-export function WithAlignCenter() {
-  return (
-    <AlphaStack gap="4" align="center">
-      <Box background="surface" padding="1">
-        01
-      </Box>
-      <Box background="surface" padding="1">
-        02
-      </Box>
-      <Box background="surface" padding="1">
-        03
-      </Box>
-    </AlphaStack>
-  );
-}
-
-export function WithAlignEnd() {
-  return (
-    <AlphaStack gap="4" align="end">
-      <Box background="surface" padding="1">
-        01
-      </Box>
-      <Box background="surface" padding="1">
-        02
-      </Box>
-      <Box background="surface" padding="1">
-        03
-      </Box>
-    </AlphaStack>
-  );
-}
diff --git a/polaris-react/src/components/AlphaStack/AlphaStack.tsx b/polaris-react/src/components/AlphaStack/AlphaStack.tsx
deleted file mode 100644
index 5d542d0b56c..00000000000
--- a/polaris-react/src/components/AlphaStack/AlphaStack.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import React, {createElement} from 'react';
-import type {SpacingSpaceScale} from '@shopify/polaris-tokens';
-
-import {
-  classNames,
-  sanitizeCustomProperties,
-  getResponsiveProps,
-} from '../../utilities/css';
-import type {ResponsiveProp} from '../../utilities/css';
-
-import styles from './AlphaStack.scss';
-
-type Align = 'start' | 'end' | 'center';
-
-type Element = 'div' | 'ul' | 'ol' | 'fieldset';
-
-type Gap = ResponsiveProp<SpacingSpaceScale>;
-
-export interface AlphaStackProps extends React.AriaAttributes {
-  children?: React.ReactNode;
-  /** HTML Element type
-   * @default 'div'
-   */
-  as?: Element;
-  /** Horizontal alignment of children */
-  align?: Align;
-  /** The spacing between children */
-  gap?: Gap;
-  /** HTML id attribute */
-  id?: string;
-  /** Reverse the render order of child items
-   * @default false
-   */
-  reverseOrder?: boolean;
-}
-
-export const AlphaStack = ({
-  as = 'div',
-  children,
-  align,
-  gap,
-  id,
-  reverseOrder = false,
-  ...restProps
-}: AlphaStackProps) => {
-  const className = classNames(
-    styles.AlphaStack,
-    (as === 'ul' || as === 'ol') && styles.listReset,
-    as === 'fieldset' && styles.fieldsetReset,
-  );
-
-  const style = {
-    '--pc-stack-align': align ? `${align}` : '',
-    '--pc-stack-order': reverseOrder ? 'column-reverse' : 'column',
-    ...getResponsiveProps('stack', 'gap', 'space', gap),
-  } as React.CSSProperties;
-
-  return createElement(
-    as,
-    {
-      className,
-      style: sanitizeCustomProperties(style),
-      ...restProps,
-    },
-    children,
-  );
-};
diff --git a/polaris-react/src/components/AlphaStack/index.ts b/polaris-react/src/components/AlphaStack/index.ts
deleted file mode 100644
index 832515641aa..00000000000
--- a/polaris-react/src/components/AlphaStack/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './AlphaStack';
diff --git a/polaris-react/src/components/AlphaStack/tests/AlphaStack.test.tsx b/polaris-react/src/components/AlphaStack/tests/AlphaStack.test.tsx
deleted file mode 100644
index 8b55eaa455a..00000000000
--- a/polaris-react/src/components/AlphaStack/tests/AlphaStack.test.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import React from 'react';
-import {mountWithApp} from 'tests/utilities';
-
-import {AlphaStack} from '../AlphaStack';
-
-const text = 'This is a stack';
-const children = <p>{text}</p>;
-
-describe('<AlphaStack />', () => {
-  it('renders children', () => {
-    const stack = mountWithApp(<AlphaStack>{children}</AlphaStack>);
-
-    expect(stack).toContainReactComponent('p', {children: text});
-  });
-
-  it('renders custom properties by default', () => {
-    const stack = mountWithApp(<AlphaStack>{children}</AlphaStack>);
-
-    expect(stack).toContainReactComponent('div', {
-      style: expect.objectContaining({
-        '--pc-stack-order': 'column',
-      }) as React.CSSProperties,
-    });
-  });
-
-  it('overrides custom properties if they are passed in', () => {
-    const stack = mountWithApp(
-      <AlphaStack align="center" gap="10">
-        {children}
-      </AlphaStack>,
-    );
-
-    expect(stack).toContainReactComponent('div', {
-      style: expect.objectContaining({
-        '--pc-stack-align': 'center',
-        '--pc-stack-gap-xs': 'var(--p-space-10)',
-      }) as React.CSSProperties,
-    });
-  });
-
-  it('accepts gap based on breakpoints', () => {
-    const stack = mountWithApp(
-      <AlphaStack gap={{xs: '2', md: '8'}}>{children}</AlphaStack>,
-    );
-
-    expect(stack).toContainReactComponent('div', {
-      style: expect.objectContaining({
-        '--pc-stack-gap-md': 'var(--p-space-8)',
-        '--pc-stack-gap-xs': 'var(--p-space-2)',
-      }) as React.CSSProperties,
-    });
-  });
-});
diff --git a/polaris-react/src/components/AppProvider/AppProvider.scss b/polaris-react/src/components/AppProvider/AppProvider.scss
index 7f385c5448b..a14a87326be 100644
--- a/polaris-react/src/components/AppProvider/AppProvider.scss
+++ b/polaris-react/src/components/AppProvider/AppProvider.scss
@@ -10,9 +10,6 @@ body {
   font-size: var(--p-font-size-100);
   line-height: var(--p-font-line-height-2);
   font-weight: var(--p-font-weight-regular);
-
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  text-transform: initial;
   letter-spacing: initial;
 
   // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
diff --git a/polaris-react/src/components/AppProvider/AppProvider.stories.tsx b/polaris-react/src/components/AppProvider/AppProvider.stories.tsx
index 37ac23731ad..635ca6ac838 100644
--- a/polaris-react/src/components/AppProvider/AppProvider.stories.tsx
+++ b/polaris-react/src/components/AppProvider/AppProvider.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import { useCallback, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {
   AppProvider,
@@ -154,7 +154,7 @@ export function WithLinkComponent() {
   return (
     <AppProvider linkComponent={CustomLinkComponent} i18n={{}}>
       <Page
-        breadcrumbs={[{content: 'Products', url: '#'}]}
+        backAction={{content: 'Products', url: '#'}}
         title="Jar With Lock-Lid"
         primaryAction={{content: 'Save', disabled: true}}
       >
diff --git a/polaris-react/src/components/AppProvider/AppProvider.tsx b/polaris-react/src/components/AppProvider/AppProvider.tsx
index 42f88cd4f3a..b6e7ab99099 100644
--- a/polaris-react/src/components/AppProvider/AppProvider.tsx
+++ b/polaris-react/src/components/AppProvider/AppProvider.tsx
@@ -1,4 +1,4 @@
-import React, {Component} from 'react';
+import {Component} from 'react';
 
 import {EphemeralPresenceManager} from '../EphemeralPresenceManager';
 import {MediaQueryProvider} from '../MediaQueryProvider';
@@ -15,11 +15,6 @@ import {
 } from '../../utilities/sticky-manager';
 import {LinkContext, LinkLikeComponent} from '../../utilities/link';
 import {FeaturesConfig, FeaturesContext} from '../../utilities/features';
-import {
-  UniqueIdFactory,
-  UniqueIdFactoryContext,
-  globalIdGeneratorFactory,
-} from '../../utilities/unique-id';
 
 import './AppProvider.scss';
 import './global.scss';
@@ -43,13 +38,11 @@ export interface AppProviderProps {
 export class AppProvider extends Component<AppProviderProps, State> {
   private stickyManager: StickyManager;
   private scrollLockManager: ScrollLockManager;
-  private uniqueIdFactory: UniqueIdFactory;
 
   constructor(props: AppProviderProps) {
     super(props);
     this.stickyManager = new StickyManager();
     this.scrollLockManager = new ScrollLockManager();
-    this.uniqueIdFactory = new UniqueIdFactory(globalIdGeneratorFactory);
 
     const {i18n, linkComponent} = this.props;
 
@@ -98,19 +91,17 @@ export class AppProvider extends Component<AppProviderProps, State> {
         <I18nContext.Provider value={intl}>
           <ScrollLockManagerContext.Provider value={this.scrollLockManager}>
             <StickyManagerContext.Provider value={this.stickyManager}>
-              <UniqueIdFactoryContext.Provider value={this.uniqueIdFactory}>
-                <LinkContext.Provider value={link}>
-                  <MediaQueryProvider>
-                    <PortalsManager>
-                      <FocusManager>
-                        <EphemeralPresenceManager>
-                          {children}
-                        </EphemeralPresenceManager>
-                      </FocusManager>
-                    </PortalsManager>
-                  </MediaQueryProvider>
-                </LinkContext.Provider>
-              </UniqueIdFactoryContext.Provider>
+              <LinkContext.Provider value={link}>
+                <MediaQueryProvider>
+                  <PortalsManager>
+                    <FocusManager>
+                      <EphemeralPresenceManager>
+                        {children}
+                      </EphemeralPresenceManager>
+                    </FocusManager>
+                  </PortalsManager>
+                </MediaQueryProvider>
+              </LinkContext.Provider>
             </StickyManagerContext.Provider>
           </ScrollLockManagerContext.Provider>
         </I18nContext.Provider>
diff --git a/polaris-react/src/components/AppProvider/tests/AppProvider.test.tsx b/polaris-react/src/components/AppProvider/tests/AppProvider.test.tsx
index 015400b696c..6910c2735dd 100644
--- a/polaris-react/src/components/AppProvider/tests/AppProvider.test.tsx
+++ b/polaris-react/src/components/AppProvider/tests/AppProvider.test.tsx
@@ -1,4 +1,4 @@
-import React, {useContext} from 'react';
+import {useContext} from 'react';
 import {matchMedia} from '@shopify/jest-dom-mocks';
 import {mountWithApp} from 'tests/utilities';
 
diff --git a/polaris-react/src/components/Autocomplete/Autocomplete.stories.tsx b/polaris-react/src/components/Autocomplete/Autocomplete.stories.tsx
index a51fc0ab604..c03f7b6cc20 100644
--- a/polaris-react/src/components/Autocomplete/Autocomplete.stories.tsx
+++ b/polaris-react/src/components/Autocomplete/Autocomplete.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useMemo, useState} from 'react';
+import { useCallback, useMemo, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {
   Autocomplete,
diff --git a/polaris-react/src/components/Autocomplete/Autocomplete.tsx b/polaris-react/src/components/Autocomplete/Autocomplete.tsx
index a28e05ac408..cad94b9e2df 100644
--- a/polaris-react/src/components/Autocomplete/Autocomplete.tsx
+++ b/polaris-react/src/components/Autocomplete/Autocomplete.tsx
@@ -1,4 +1,4 @@
-import React, {useMemo, useCallback} from 'react';
+import {useMemo, useCallback} from 'react';
 
 import type {
   ActionListItemDescriptor,
diff --git a/polaris-react/src/components/Autocomplete/components/MappedAction/MappedAction.tsx b/polaris-react/src/components/Autocomplete/components/MappedAction/MappedAction.tsx
index 34fdbe6f5c7..98bdb533450 100644
--- a/polaris-react/src/components/Autocomplete/components/MappedAction/MappedAction.tsx
+++ b/polaris-react/src/components/Autocomplete/components/MappedAction/MappedAction.tsx
@@ -1,4 +1,4 @@
-import React, {useMemo} from 'react';
+import {useMemo} from 'react';
 
 import type {ActionListItemDescriptor} from '../../../../types';
 import {Badge} from '../../../Badge';
diff --git a/polaris-react/src/components/Autocomplete/components/MappedAction/tests/MappedAction.test.tsx b/polaris-react/src/components/Autocomplete/components/MappedAction/tests/MappedAction.test.tsx
index a279e646688..cd6161aed1a 100644
--- a/polaris-react/src/components/Autocomplete/components/MappedAction/tests/MappedAction.test.tsx
+++ b/polaris-react/src/components/Autocomplete/components/MappedAction/tests/MappedAction.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithListboxProvider} from 'tests/utilities/listbox';
 
 import {Listbox} from '../../../../Listbox';
diff --git a/polaris-react/src/components/Autocomplete/components/MappedOption/MappedOption.tsx b/polaris-react/src/components/Autocomplete/components/MappedOption/MappedOption.tsx
index be95bdd3b47..55a611a4359 100644
--- a/polaris-react/src/components/Autocomplete/components/MappedOption/MappedOption.tsx
+++ b/polaris-react/src/components/Autocomplete/components/MappedOption/MappedOption.tsx
@@ -1,4 +1,4 @@
-import React, {memo} from 'react';
+import { memo } from 'react';
 
 import type {OptionDescriptor, ArrayElement} from '../../../../types';
 import {Listbox} from '../../../Listbox';
diff --git a/polaris-react/src/components/Autocomplete/components/MappedOption/tests/MappedOption.test.tsx b/polaris-react/src/components/Autocomplete/components/MappedOption/tests/MappedOption.test.tsx
index 3b7a1ca8373..1864d7835bc 100644
--- a/polaris-react/src/components/Autocomplete/components/MappedOption/tests/MappedOption.test.tsx
+++ b/polaris-react/src/components/Autocomplete/components/MappedOption/tests/MappedOption.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithListboxProvider} from 'tests/utilities/listbox';
 
 import {Listbox} from '../../../../Listbox';
diff --git a/polaris-react/src/components/Autocomplete/tests/Autocomplete.test.tsx b/polaris-react/src/components/Autocomplete/tests/Autocomplete.test.tsx
index e80c2f8323c..d406ce2269b 100644
--- a/polaris-react/src/components/Autocomplete/tests/Autocomplete.test.tsx
+++ b/polaris-react/src/components/Autocomplete/tests/Autocomplete.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp, ReactTestingElement, CustomRoot} from 'tests/utilities';
 
 import {TextField} from '../../TextField';
diff --git a/polaris-react/src/components/Avatar/Avatar.stories.tsx b/polaris-react/src/components/Avatar/Avatar.stories.tsx
index cbc0d7dc052..ae1cffcea30 100644
--- a/polaris-react/src/components/Avatar/Avatar.stories.tsx
+++ b/polaris-react/src/components/Avatar/Avatar.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import { useCallback, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {
   ActionList,
diff --git a/polaris-react/src/components/Avatar/Avatar.tsx b/polaris-react/src/components/Avatar/Avatar.tsx
index 535d8fa65cd..2fb1640cb01 100644
--- a/polaris-react/src/components/Avatar/Avatar.tsx
+++ b/polaris-react/src/components/Avatar/Avatar.tsx
@@ -1,4 +1,4 @@
-import React, {useState, useCallback, useEffect} from 'react';
+import { useState, useCallback, useEffect } from 'react';
 
 import {classNames, variationName} from '../../utilities/css';
 import {useI18n} from '../../utilities/i18n';
diff --git a/polaris-react/src/components/Avatar/tests/Avatar-ssr.test.tsx b/polaris-react/src/components/Avatar/tests/Avatar-ssr.test.tsx
index 08404ff39de..98cd551f2f5 100644
--- a/polaris-react/src/components/Avatar/tests/Avatar-ssr.test.tsx
+++ b/polaris-react/src/components/Avatar/tests/Avatar-ssr.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Image} from '../../Image';
diff --git a/polaris-react/src/components/Avatar/tests/Avatar.test.tsx b/polaris-react/src/components/Avatar/tests/Avatar.test.tsx
index 1487bf253c5..a7a9b09c6a7 100644
--- a/polaris-react/src/components/Avatar/tests/Avatar.test.tsx
+++ b/polaris-react/src/components/Avatar/tests/Avatar.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Image} from '../../Image';
diff --git a/polaris-react/src/components/Backdrop/Backdrop.tsx b/polaris-react/src/components/Backdrop/Backdrop.tsx
index 10c2539ca97..e6eef7a2542 100644
--- a/polaris-react/src/components/Backdrop/Backdrop.tsx
+++ b/polaris-react/src/components/Backdrop/Backdrop.tsx
@@ -1,4 +1,4 @@
-import React, {Dispatch, SetStateAction} from 'react';
+import { Dispatch, SetStateAction } from 'react';
 
 import {classNames} from '../../utilities/css';
 import {ScrollLock} from '../ScrollLock';
diff --git a/polaris-react/src/components/Backdrop/tests/Backdrop.test.tsx b/polaris-react/src/components/Backdrop/tests/Backdrop.test.tsx
index 1ef6edb749f..70a81b6e5ba 100644
--- a/polaris-react/src/components/Backdrop/tests/Backdrop.test.tsx
+++ b/polaris-react/src/components/Backdrop/tests/Backdrop.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Backdrop} from '..';
diff --git a/polaris-react/src/components/Badge/Badge.stories.tsx b/polaris-react/src/components/Badge/Badge.stories.tsx
index 76c86d77eb0..cf47eae035c 100644
--- a/polaris-react/src/components/Badge/Badge.stories.tsx
+++ b/polaris-react/src/components/Badge/Badge.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {Badge} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/Badge/Badge.tsx b/polaris-react/src/components/Badge/Badge.tsx
index 1fb8ae0112c..d0db82da20c 100644
--- a/polaris-react/src/components/Badge/Badge.tsx
+++ b/polaris-react/src/components/Badge/Badge.tsx
@@ -1,4 +1,4 @@
-import React, {useContext} from 'react';
+import { useContext } from 'react';
 
 import {classNames, variationName} from '../../utilities/css';
 import {useI18n} from '../../utilities/i18n';
diff --git a/polaris-react/src/components/Badge/components/Pip/Pip.tsx b/polaris-react/src/components/Badge/components/Pip/Pip.tsx
index 3faa53632fd..5b161390034 100644
--- a/polaris-react/src/components/Badge/components/Pip/Pip.tsx
+++ b/polaris-react/src/components/Badge/components/Pip/Pip.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {classNames, variationName} from '../../../../utilities/css';
 import type {Progress, Status} from '../../types';
 import {Text} from '../../../Text';
diff --git a/polaris-react/src/components/Badge/tests/Badge.test.tsx b/polaris-react/src/components/Badge/tests/Badge.test.tsx
index fdd52dcc868..d0b2f7a0cf7 100644
--- a/polaris-react/src/components/Badge/tests/Badge.test.tsx
+++ b/polaris-react/src/components/Badge/tests/Badge.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 import {GlobeMinor} from '@shopify/polaris-icons';
 
diff --git a/polaris-react/src/components/Banner/Banner.scss b/polaris-react/src/components/Banner/Banner.scss
index b85f2b309f7..a5fd3b56153 100644
--- a/polaris-react/src/components/Banner/Banner.scss
+++ b/polaris-react/src/components/Banner/Banner.scss
@@ -253,8 +253,6 @@
   font-size: var(--p-font-size-100);
   font-weight: var(--p-font-weight-medium);
   line-height: var(--p-font-line-height-1);
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  text-transform: initial;
   letter-spacing: initial;
   color: var(--p-text);
 
diff --git a/polaris-react/src/components/Banner/Banner.stories.tsx b/polaris-react/src/components/Banner/Banner.stories.tsx
index bfefc6826f1..a444eada99b 100644
--- a/polaris-react/src/components/Banner/Banner.stories.tsx
+++ b/polaris-react/src/components/Banner/Banner.stories.tsx
@@ -1,7 +1,7 @@
-import React, {useCallback, useEffect, useRef, useState} from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {
-  AlphaStack,
+  Stack,
   Banner,
   Button,
   LegacyCard,
@@ -193,7 +193,7 @@ export function InACard() {
 export function WithEndJustifiedContent() {
   return (
     <Banner status="critical">
-      <AlphaStack gap="1">
+      <Stack gap="1">
         <Inline gap="4" align="space-between">
           <Text variant="headingMd" fontWeight="semibold" as="h3">
             Deployment failed in 5min
@@ -203,7 +203,7 @@ export function WithEndJustifiedContent() {
           </Link>
         </Inline>
         <p>This order was archived on March 7, 2017 at 3:12pm EDT.</p>
-      </AlphaStack>
+      </Stack>
     </Banner>
   );
 }
diff --git a/polaris-react/src/components/Banner/Banner.tsx b/polaris-react/src/components/Banner/Banner.tsx
index af73e6b690a..ecec4ba8ef7 100644
--- a/polaris-react/src/components/Banner/Banner.tsx
+++ b/polaris-react/src/components/Banner/Banner.tsx
@@ -1,4 +1,4 @@
-import React, {
+import {
   forwardRef,
   useRef,
   useState,
diff --git a/polaris-react/src/components/Banner/tests/Banner.test.tsx b/polaris-react/src/components/Banner/tests/Banner.test.tsx
index a9fcc3708dc..70b5168ef13 100644
--- a/polaris-react/src/components/Banner/tests/Banner.test.tsx
+++ b/polaris-react/src/components/Banner/tests/Banner.test.tsx
@@ -1,4 +1,4 @@
-import React, {useEffect, useRef} from 'react';
+import {useEffect, useRef} from 'react';
 import {
   CirclePlusMinor,
   CircleTickMajor,
diff --git a/polaris-react/src/components/Bleed/Bleed.stories.tsx b/polaris-react/src/components/Bleed/Bleed.stories.tsx
index aa9e445a69f..278a2009c6c 100644
--- a/polaris-react/src/components/Bleed/Bleed.stories.tsx
+++ b/polaris-react/src/components/Bleed/Bleed.stories.tsx
@@ -1,13 +1,5 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
-import {
-  AlphaCard,
-  Bleed,
-  Box,
-  Divider,
-  LegacyStack,
-  Text,
-} from '@shopify/polaris';
+import {Card, Bleed, Box, Divider, LegacyStack, Text} from '@shopify/polaris';
 
 export default {
   component: Bleed,
@@ -22,7 +14,7 @@ const styles = {
 
 export function Default() {
   return (
-    <AlphaCard>
+    <Card>
       <Box paddingBlockEnd="5">
         <Text as="p" variant="bodySm">
           Section 01
@@ -36,7 +28,7 @@ export function Default() {
           Section 02
         </Text>
       </Box>
-    </AlphaCard>
+    </Card>
   );
 }
 
diff --git a/polaris-react/src/components/Bleed/Bleed.tsx b/polaris-react/src/components/Bleed/Bleed.tsx
index 97928ae449a..9705bd4b4ea 100644
--- a/polaris-react/src/components/Bleed/Bleed.tsx
+++ b/polaris-react/src/components/Bleed/Bleed.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {SpacingSpaceScale} from '@shopify/polaris-tokens';
 
 import {
diff --git a/polaris-react/src/components/Bleed/tests/Bleed.test.tsx b/polaris-react/src/components/Bleed/tests/Bleed.test.tsx
index 78eb350cc6d..3a3acffa84b 100644
--- a/polaris-react/src/components/Bleed/tests/Bleed.test.tsx
+++ b/polaris-react/src/components/Bleed/tests/Bleed.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Bleed} from '../Bleed';
diff --git a/polaris-react/src/components/Box/Box.stories.tsx b/polaris-react/src/components/Box/Box.stories.tsx
index 62db7d10a78..baab180d74e 100644
--- a/polaris-react/src/components/Box/Box.stories.tsx
+++ b/polaris-react/src/components/Box/Box.stories.tsx
@@ -1,6 +1,5 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
-import {AlphaStack, Box, Icon} from '@shopify/polaris';
+import {Stack, Box, Icon} from '@shopify/polaris';
 import {PaintBrushMajor} from '@shopify/polaris-icons';
 
 export default {
@@ -33,7 +32,7 @@ export function WithBorderRadius() {
 
 export function WithResponsivePadding() {
   return (
-    <AlphaStack gap="4">
+    <Stack gap="4">
       <Box background="surface" padding={{xs: '2', sm: '8'}} border="dark">
         <Icon source={PaintBrushMajor} color="base" />
       </Box>
@@ -68,6 +67,6 @@ export function WithResponsivePadding() {
       >
         <Icon source={PaintBrushMajor} color="base" />
       </Box>
-    </AlphaStack>
+    </Stack>
   );
 }
diff --git a/polaris-react/src/components/Box/Box.tsx b/polaris-react/src/components/Box/Box.tsx
index 50f8d039b83..7980208e7b3 100644
--- a/polaris-react/src/components/Box/Box.tsx
+++ b/polaris-react/src/components/Box/Box.tsx
@@ -1,4 +1,4 @@
-import React, {createElement, forwardRef} from 'react';
+import {createElement, forwardRef} from 'react';
 import type {
   ColorsActionTokenAlias,
   ColorsBackdropTokenAlias,
diff --git a/polaris-react/src/components/Box/tests/Box.test.tsx b/polaris-react/src/components/Box/tests/Box.test.tsx
index 4d6b90efea9..3d57ef90827 100644
--- a/polaris-react/src/components/Box/tests/Box.test.tsx
+++ b/polaris-react/src/components/Box/tests/Box.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 import type {ColorsTokenName, ShapeTokenName} from '@shopify/polaris-tokens';
 
diff --git a/polaris-react/src/components/Breadcrumbs/Breadcrumbs.tsx b/polaris-react/src/components/Breadcrumbs/Breadcrumbs.tsx
index 8c11f72bb8e..fceb3afc3fc 100644
--- a/polaris-react/src/components/Breadcrumbs/Breadcrumbs.tsx
+++ b/polaris-react/src/components/Breadcrumbs/Breadcrumbs.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {ArrowLeftMinor} from '@shopify/polaris-icons';
 
 import {Icon} from '../Icon';
@@ -10,29 +9,12 @@ import {Text} from '../Text';
 import styles from './Breadcrumbs.scss';
 
 export interface BreadcrumbsProps {
-  /** @deprecated Collection of breadcrumbs */
-  breadcrumbs?: (CallbackAction | LinkAction) | (CallbackAction | LinkAction)[];
   /** Back action link */
-  backAction?: CallbackAction | LinkAction;
+  backAction: CallbackAction | LinkAction;
 }
 
-export function Breadcrumbs({breadcrumbs, backAction}: BreadcrumbsProps) {
-  const breadcrumb =
-    backAction ??
-    (Array.isArray(breadcrumbs)
-      ? breadcrumbs[breadcrumbs.length - 1]
-      : breadcrumbs);
-  if (breadcrumb == null) {
-    if (process.env.NODE_ENV === 'development') {
-      // eslint-disable-next-line no-console
-      console.warn(
-        'Please provide a value to backAction, it will become required in the next major release.',
-      );
-    }
-    return null;
-  }
-
-  const {content} = breadcrumb;
+export function Breadcrumbs({backAction}: BreadcrumbsProps) {
+  const {content} = backAction;
 
   const contentMarkup = (
     <>
@@ -46,13 +28,13 @@ export function Breadcrumbs({breadcrumbs, backAction}: BreadcrumbsProps) {
   );
 
   const breadcrumbMarkup =
-    'url' in breadcrumb ? (
+    'url' in backAction ? (
       <UnstyledLink
         key={content}
-        url={breadcrumb.url}
+        url={backAction.url}
         className={styles.Breadcrumb}
         onMouseUp={handleMouseUpByBlurring}
-        aria-label={breadcrumb.accessibilityLabel}
+        aria-label={backAction.accessibilityLabel}
       >
         {contentMarkup}
       </UnstyledLink>
@@ -60,10 +42,10 @@ export function Breadcrumbs({breadcrumbs, backAction}: BreadcrumbsProps) {
       <button
         key={content}
         className={styles.Breadcrumb}
-        onClick={breadcrumb.onAction}
+        onClick={backAction.onAction}
         onMouseUp={handleMouseUpByBlurring}
         type="button"
-        aria-label={breadcrumb.accessibilityLabel}
+        aria-label={backAction.accessibilityLabel}
       >
         {contentMarkup}
       </button>
diff --git a/polaris-react/src/components/Breadcrumbs/tests/Breadcrumbs.test.tsx b/polaris-react/src/components/Breadcrumbs/tests/Breadcrumbs.test.tsx
index e5033a7cc8a..c593cc03bf3 100644
--- a/polaris-react/src/components/Breadcrumbs/tests/Breadcrumbs.test.tsx
+++ b/polaris-react/src/components/Breadcrumbs/tests/Breadcrumbs.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import type {CallbackAction, LinkAction} from '../../../types';
@@ -8,31 +7,25 @@ import {Text} from '../../Text';
 describe('<Breadcrumbs />', () => {
   describe('url', () => {
     it('uses <a> tags when passed a LinkAction', () => {
-      const linkBreadcrumbs: LinkAction[] = [
-        {
-          content: 'Products',
-          url: 'https://www.shopify.com',
-        },
-      ];
-
+      const linkBackAction: LinkAction = {
+        content: 'Products',
+        url: 'https://www.shopify.com',
+      };
       const breadcrumbs = mountWithApp(
-        <Breadcrumbs breadcrumbs={linkBreadcrumbs} />,
+        <Breadcrumbs backAction={linkBackAction} />,
       );
 
       expect(breadcrumbs).toContainReactComponentTimes('a', 1);
     });
 
     it('passes the accessibilityLabel through to <a> tag', () => {
-      const linkBreadcrumbs: LinkAction[] = [
-        {
-          content: 'Products',
-          url: 'https://shopify.com',
-          accessibilityLabel: 'Go to Products',
-        },
-      ];
-
+      const linkBackAction: LinkAction = {
+        content: 'Products',
+        url: 'https://shopify.com',
+        accessibilityLabel: 'Go to Products',
+      };
       const breadcrumbs = mountWithApp(
-        <Breadcrumbs breadcrumbs={linkBreadcrumbs} />,
+        <Breadcrumbs backAction={linkBackAction} />,
       );
 
       expect(breadcrumbs).toContainReactComponent('a', {
@@ -43,31 +36,25 @@ describe('<Breadcrumbs />', () => {
 
   describe('onAction()', () => {
     it('uses <button> tags when passed a CallbackAction', () => {
-      const callbackBreadcrumbs: CallbackAction[] = [
-        {
-          content: 'Products',
-          onAction: noop,
-        },
-      ];
-
+      const callbackBackAction: CallbackAction = {
+        content: 'Products',
+        onAction: noop,
+      };
       const breadcrumbs = mountWithApp(
-        <Breadcrumbs breadcrumbs={callbackBreadcrumbs} />,
+        <Breadcrumbs backAction={callbackBackAction} />,
       );
 
       expect(breadcrumbs).toContainReactComponentTimes('button', 1);
     });
 
     it('passes accessibilityLabel through to <button> tag', () => {
-      const callbackBreadcrumbs: CallbackAction[] = [
-        {
-          content: 'Products',
-          onAction: noop,
-          accessibilityLabel: 'Go to Products',
-        },
-      ];
-
+      const callbackBackAction: CallbackAction = {
+        content: 'Products',
+        onAction: noop,
+        accessibilityLabel: 'Go to Products',
+      };
       const breadcrumbs = mountWithApp(
-        <Breadcrumbs breadcrumbs={callbackBreadcrumbs} />,
+        <Breadcrumbs backAction={callbackBackAction} />,
       );
 
       expect(breadcrumbs).toContainReactComponent('button', {
@@ -77,15 +64,12 @@ describe('<Breadcrumbs />', () => {
 
     it('triggers the callback function when clicked', () => {
       const spy = jest.fn();
-      const callbackBreadcrumbs: CallbackAction[] = [
-        {
-          content: 'Products',
-          onAction: spy,
-        },
-      ];
-
+      const callbackBackAction: CallbackAction = {
+        content: 'Products',
+        onAction: spy,
+      };
       const breadcrumbs = mountWithApp(
-        <Breadcrumbs breadcrumbs={callbackBreadcrumbs} />,
+        <Breadcrumbs backAction={callbackBackAction} />,
       );
 
       breadcrumbs.find('button')!.trigger('onClick');
@@ -93,37 +77,18 @@ describe('<Breadcrumbs />', () => {
     });
   });
 
-  const linkBreadcrumbs: LinkAction[] = [
-    {
+  it('renders breadcrumb content as a visually hidden label when the new design language is enabled', () => {
+    const linkBackAction: LinkAction = {
       content: 'Products',
       url: 'https://www.shopify.com',
-    },
-  ];
-
-  it('renders breadcrumb content as a visually hidden label when the new design language is enabled', () => {
-    const wrapper = mountWithApp(<Breadcrumbs breadcrumbs={linkBreadcrumbs} />);
+    };
+    const wrapper = mountWithApp(<Breadcrumbs backAction={linkBackAction} />);
 
     expect(wrapper).toContainReactComponent(Text, {
       children: 'Products',
       visuallyHidden: true,
     });
   });
-
-  it('renders when not passed an array', () => {
-    const breadcrumb: LinkAction = {
-      content: 'Products',
-      url: 'https://www.shopify.com',
-    };
-    const wrapper = mountWithApp(<Breadcrumbs breadcrumbs={breadcrumb} />);
-
-    expect(wrapper.html()).not.toBe('');
-  });
-
-  it('renders nothing when empty', () => {
-    const wrapper = mountWithApp(<Breadcrumbs breadcrumbs={[]} />);
-
-    expect(wrapper.html()).toBe('');
-  });
 });
 
 function noop() {}
diff --git a/polaris-react/src/components/BulkActions/BulkActions.tsx b/polaris-react/src/components/BulkActions/BulkActions.tsx
index 40aaaff048a..6841d5eb70d 100644
--- a/polaris-react/src/components/BulkActions/BulkActions.tsx
+++ b/polaris-react/src/components/BulkActions/BulkActions.tsx
@@ -1,4 +1,4 @@
-import React, {PureComponent, createRef} from 'react';
+import { PureComponent, createRef } from 'react';
 import {Transition} from 'react-transition-group';
 
 import {debounce} from '../../utilities/debounce';
diff --git a/polaris-react/src/components/BulkActions/components/BulkActionButton/BulkActionButton.tsx b/polaris-react/src/components/BulkActions/components/BulkActionButton/BulkActionButton.tsx
index 84b06366a59..c818ccab340 100644
--- a/polaris-react/src/components/BulkActions/components/BulkActionButton/BulkActionButton.tsx
+++ b/polaris-react/src/components/BulkActions/components/BulkActionButton/BulkActionButton.tsx
@@ -1,4 +1,4 @@
-import React, {useRef} from 'react';
+import { useRef } from 'react';
 import {HorizontalDotsMinor} from '@shopify/polaris-icons';
 
 import type {DisableableAction} from '../../../../types';
diff --git a/polaris-react/src/components/BulkActions/components/BulkActionMenu/BulkActionMenu.tsx b/polaris-react/src/components/BulkActions/components/BulkActionMenu/BulkActionMenu.tsx
index be7d26ea790..aca8f0690fe 100644
--- a/polaris-react/src/components/BulkActions/components/BulkActionMenu/BulkActionMenu.tsx
+++ b/polaris-react/src/components/BulkActions/components/BulkActionMenu/BulkActionMenu.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {Popover} from '../../../Popover';
 import {ActionList} from '../../../ActionList';
 import {BulkActionButton} from '../BulkActionButton';
diff --git a/polaris-react/src/components/BulkActions/components/BulkActionMenu/tests/BulkActionMenu.test.tsx b/polaris-react/src/components/BulkActions/components/BulkActionMenu/tests/BulkActionMenu.test.tsx
index 3e25e6dfe8f..573c21529aa 100644
--- a/polaris-react/src/components/BulkActions/components/BulkActionMenu/tests/BulkActionMenu.test.tsx
+++ b/polaris-react/src/components/BulkActions/components/BulkActionMenu/tests/BulkActionMenu.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {ActionList} from '../../../../ActionList';
diff --git a/polaris-react/src/components/BulkActions/hooks/tests/use-is-bulk-actions-sticky.test.tsx b/polaris-react/src/components/BulkActions/hooks/tests/use-is-bulk-actions-sticky.test.tsx
index 3dd29f34daa..94271fcaa65 100644
--- a/polaris-react/src/components/BulkActions/hooks/tests/use-is-bulk-actions-sticky.test.tsx
+++ b/polaris-react/src/components/BulkActions/hooks/tests/use-is-bulk-actions-sticky.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {intersectionObserver} from '@shopify/jest-dom-mocks';
 import {mountWithApp} from 'tests/utilities';
 
diff --git a/polaris-react/src/components/BulkActions/tests/BulkActions.test.tsx b/polaris-react/src/components/BulkActions/tests/BulkActions.test.tsx
index ce5b8760bde..a2f26b51ba6 100644
--- a/polaris-react/src/components/BulkActions/tests/BulkActions.test.tsx
+++ b/polaris-react/src/components/BulkActions/tests/BulkActions.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {Transition, CSSTransition} from 'react-transition-group';
 import {mountWithApp} from 'tests/utilities';
 
diff --git a/polaris-react/src/components/Button/Button.scss b/polaris-react/src/components/Button/Button.scss
index e3ae0f30495..5a500754ecb 100644
--- a/polaris-react/src/components/Button/Button.scss
+++ b/polaris-react/src/components/Button/Button.scss
@@ -54,8 +54,6 @@
   font-size: var(--p-font-size-100);
   font-weight: var(--p-font-weight-medium);
   line-height: var(--p-font-line-height-1);
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  text-transform: initial;
   letter-spacing: initial;
   // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
   position: relative;
@@ -464,8 +462,6 @@
     font-size: var(--p-font-size-200);
     font-weight: var(--p-font-weight-medium);
     line-height: var(--p-font-line-height-2);
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    text-transform: initial;
     letter-spacing: initial;
   }
 }
diff --git a/polaris-react/src/components/Button/Button.stories.tsx b/polaris-react/src/components/Button/Button.stories.tsx
index 2d94e69082d..11138b18654 100644
--- a/polaris-react/src/components/Button/Button.stories.tsx
+++ b/polaris-react/src/components/Button/Button.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import { useCallback, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {Button, ButtonGroup} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/Button/Button.tsx b/polaris-react/src/components/Button/Button.tsx
index eb1b5cc8e03..93d94965c2a 100644
--- a/polaris-react/src/components/Button/Button.tsx
+++ b/polaris-react/src/components/Button/Button.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import {useCallback, useState} from 'react';
 import {
   CaretDownMinor,
   CaretUpMinor,
diff --git a/polaris-react/src/components/Button/tests/Button.test.tsx b/polaris-react/src/components/Button/tests/Button.test.tsx
index 8bce8d030ec..f8eb99b986f 100644
--- a/polaris-react/src/components/Button/tests/Button.test.tsx
+++ b/polaris-react/src/components/Button/tests/Button.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {
   CaretDownMinor,
   CaretUpMinor,
diff --git a/polaris-react/src/components/Button/utils.tsx b/polaris-react/src/components/Button/utils.tsx
index c4109144e75..30c6f875b12 100644
--- a/polaris-react/src/components/Button/utils.tsx
+++ b/polaris-react/src/components/Button/utils.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import type {ComplexAction} from '../../types';
 
 import {Button, ButtonProps} from './Button';
diff --git a/polaris-react/src/components/ButtonGroup/ButtonGroup.stories.tsx b/polaris-react/src/components/ButtonGroup/ButtonGroup.stories.tsx
index a7b19723eb4..078ae77087e 100644
--- a/polaris-react/src/components/ButtonGroup/ButtonGroup.stories.tsx
+++ b/polaris-react/src/components/ButtonGroup/ButtonGroup.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {Button, ButtonGroup} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/ButtonGroup/ButtonGroup.tsx b/polaris-react/src/components/ButtonGroup/ButtonGroup.tsx
index d8420bc443c..70a9b79d134 100644
--- a/polaris-react/src/components/ButtonGroup/ButtonGroup.tsx
+++ b/polaris-react/src/components/ButtonGroup/ButtonGroup.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {classNames} from '../../utilities/css';
 import {elementChildren} from '../../utilities/components';
 
diff --git a/polaris-react/src/components/ButtonGroup/components/Item/Item.tsx b/polaris-react/src/components/ButtonGroup/components/Item/Item.tsx
index 3f6991cae8c..3142fdd11ea 100644
--- a/polaris-react/src/components/ButtonGroup/components/Item/Item.tsx
+++ b/polaris-react/src/components/ButtonGroup/components/Item/Item.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {useToggle} from '../../../../utilities/use-toggle';
 import {classNames} from '../../../../utilities/css';
 import styles from '../../ButtonGroup.scss';
diff --git a/polaris-react/src/components/ButtonGroup/components/Item/tests/Item.test.tsx b/polaris-react/src/components/ButtonGroup/components/Item/tests/Item.test.tsx
index cd608c31736..b78fd3f78ab 100644
--- a/polaris-react/src/components/ButtonGroup/components/Item/tests/Item.test.tsx
+++ b/polaris-react/src/components/ButtonGroup/components/Item/tests/Item.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Button} from '../../../../Button';
diff --git a/polaris-react/src/components/ButtonGroup/tests/ButtonGroup.test.tsx b/polaris-react/src/components/ButtonGroup/tests/ButtonGroup.test.tsx
index 3d7e13fe71c..5d62c619bcc 100644
--- a/polaris-react/src/components/ButtonGroup/tests/ButtonGroup.test.tsx
+++ b/polaris-react/src/components/ButtonGroup/tests/ButtonGroup.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Button} from '../../Button';
diff --git a/polaris-react/src/components/CalloutCard/CalloutCard.stories.tsx b/polaris-react/src/components/CalloutCard/CalloutCard.stories.tsx
index 299ad3a88a7..92fe17976f3 100644
--- a/polaris-react/src/components/CalloutCard/CalloutCard.stories.tsx
+++ b/polaris-react/src/components/CalloutCard/CalloutCard.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {Badge, CalloutCard, Text} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/CalloutCard/CalloutCard.tsx b/polaris-react/src/components/CalloutCard/CalloutCard.tsx
index fd61626c8fd..a81aba760a6 100644
--- a/polaris-react/src/components/CalloutCard/CalloutCard.tsx
+++ b/polaris-react/src/components/CalloutCard/CalloutCard.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {CancelSmallMinor} from '@shopify/polaris-icons';
 
 import {classNames} from '../../utilities/css';
diff --git a/polaris-react/src/components/CalloutCard/tests/CalloutCard.test.tsx b/polaris-react/src/components/CalloutCard/tests/CalloutCard.test.tsx
index 8875fae19a8..c3d0472b81e 100644
--- a/polaris-react/src/components/CalloutCard/tests/CalloutCard.test.tsx
+++ b/polaris-react/src/components/CalloutCard/tests/CalloutCard.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Badge} from '../../Badge';
diff --git a/polaris-react/src/components/Caption/Caption.scss b/polaris-react/src/components/Caption/Caption.scss
deleted file mode 100644
index 8d66d379061..00000000000
--- a/polaris-react/src/components/Caption/Caption.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-@import '../../styles/common';
-
-.Caption {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  @include text-style-caption;
-  margin: 0;
-}
diff --git a/polaris-react/src/components/Caption/Caption.stories.tsx b/polaris-react/src/components/Caption/Caption.stories.tsx
deleted file mode 100644
index 2be39685810..00000000000
--- a/polaris-react/src/components/Caption/Caption.stories.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import React from 'react';
-import type {ComponentMeta} from '@storybook/react';
-import {Caption, List} from '@shopify/polaris';
-
-export default {
-  component: Caption,
-} as ComponentMeta<typeof Caption>;
-
-export function Default() {
-  return (
-    <List>
-      <List.Item>
-        Order #1001 <Caption>Received April 21, 2017</Caption>
-      </List.Item>
-      <List.Item>
-        Order #1002 <Caption>Received April 22, 2017</Caption>
-      </List.Item>
-    </List>
-  );
-}
diff --git a/polaris-react/src/components/Caption/Caption.tsx b/polaris-react/src/components/Caption/Caption.tsx
deleted file mode 100644
index 82ee3edeba9..00000000000
--- a/polaris-react/src/components/Caption/Caption.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from 'react';
-
-import styles from './Caption.scss';
-
-export interface CaptionProps {
-  /** The content to use as a graph label or timestamp */
-  children?: React.ReactNode;
-}
-
-/**
- * @deprecated The Caption component will be removed in the next
- * major version. Use the Text component instead. See the
- * Polaris component guide on how to use Text.
- *
- * https://polaris.shopify.com/components/text
- */
-export function Caption({children}: CaptionProps) {
-  return <p className={styles.Caption}>{children}</p>;
-}
diff --git a/polaris-react/src/components/Caption/index.ts b/polaris-react/src/components/Caption/index.ts
deleted file mode 100644
index 2c6dacc019b..00000000000
--- a/polaris-react/src/components/Caption/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './Caption';
diff --git a/polaris-react/src/components/Caption/tests/Caption.test.tsx b/polaris-react/src/components/Caption/tests/Caption.test.tsx
deleted file mode 100644
index b04fdf4e93e..00000000000
--- a/polaris-react/src/components/Caption/tests/Caption.test.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react';
-import {mountWithApp} from 'tests/utilities';
-
-// eslint-disable-next-line import/no-deprecated
-import {Caption} from '../Caption';
-
-describe('<Caption />', () => {
-  it('renders a p tag', () => {
-    const caption = mountWithApp(<Caption>Caption text</Caption>);
-    expect(caption).toContainReactComponentTimes('p', 1);
-  });
-
-  it('renders its children', () => {
-    const captionMarkup = 'Caption text';
-    const caption = mountWithApp(<Caption>{captionMarkup}</Caption>);
-    expect(caption).toContainReactText(captionMarkup);
-  });
-});
diff --git a/polaris-react/src/components/Card/Card.scss b/polaris-react/src/components/Card/Card.scss
deleted file mode 100644
index d55437d7296..00000000000
--- a/polaris-react/src/components/Card/Card.scss
+++ /dev/null
@@ -1,168 +0,0 @@
-@import '../../styles/common';
-
-.Card {
-  background-color: var(--p-surface);
-  box-shadow: var(--p-shadow-card);
-  outline: var(--p-border-width-1) solid transparent;
-
-  + .Card {
-    margin-top: var(--p-space-4);
-
-    @media print {
-      margin-top: calc(-1 * var(--p-space-2));
-    }
-  }
-  /* stylelint-disable-next-line polaris/conventions/selector-disallowed-list -- Temporary override, will be removed in v11 */
-  + [class^='Polaris-LegacyCard'] {
-    margin-top: var(--p-space-4);
-
-    @media print {
-      margin-top: calc(-1 * var(--p-space-2));
-    }
-  }
-
-  @media #{$p-breakpoints-sm-up} {
-    border-radius: var(--p-border-radius-2);
-  }
-
-  @media print {
-    box-shadow: none;
-  }
-}
-
-.subdued {
-  background-color: var(--p-surface-subdued);
-}
-
-.Section-hideOnPrint,
-.hideOnPrint {
-  @media print {
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    display: none !important;
-  }
-}
-
-.Header {
-  padding: var(--p-space-4) var(--p-space-4) 0;
-
-  @media #{$p-breakpoints-sm-up} {
-    padding: var(--p-space-5) var(--p-space-5) 0;
-  }
-
-  @media print and #{$p-breakpoints-sm-up} {
-    padding: var(--p-space-2) var(--p-space-4) 0;
-  }
-}
-
-.Section {
-  padding: var(--p-space-4);
-
-  @media #{$p-breakpoints-sm-up} {
-    padding: var(--p-space-5);
-  }
-
-  + .Section {
-    border-top: var(--p-border-divider);
-
-    @media print {
-      border-top: 0;
-    }
-  }
-
-  @media print {
-    padding-top: var(--p-space-1);
-    padding-bottom: var(--p-space-1);
-  }
-}
-
-.Section:first-child {
-  border-top-left-radius: var(--p-border-radius-2);
-  border-top-right-radius: var(--p-border-radius-2);
-}
-
-.Section:last-child {
-  border-bottom-left-radius: var(--p-border-radius-2);
-  border-bottom-right-radius: var(--p-border-radius-2);
-}
-
-.Section-fullWidth {
-  padding: var(--p-space-4) 0;
-
-  @media #{$p-breakpoints-sm-up} {
-    padding: var(--p-space-5) 0;
-  }
-}
-
-.Section-flush {
-  padding: 0;
-
-  @media #{$p-breakpoints-sm-up} {
-    padding: 0;
-  }
-}
-
-.Section-subdued {
-  background-color: var(--p-surface-subdued);
-
-  @media (-ms-high-contrast: active) {
-    background-color: transparent;
-  }
-
-  .Header + & {
-    border-top: var(--p-border-divider);
-    margin-top: var(--p-space-5);
-  }
-}
-
-.SectionHeader {
-  padding-bottom: var(--p-space-2);
-
-  .Section-fullWidth & {
-    padding-left: var(--p-space-4);
-    padding-right: var(--p-space-4);
-
-    @media #{$p-breakpoints-sm-up} {
-      padding-left: var(--p-space-5);
-      padding-right: var(--p-space-5);
-    }
-  }
-}
-
-.Subsection {
-  + .Subsection {
-    margin-top: var(--p-space-4);
-    padding-top: var(--p-space-4);
-    border-top: var(--p-border-divider);
-
-    @media print {
-      border-top: 0;
-    }
-  }
-
-  @media print {
-    padding-top: var(--p-space-1);
-    padding-bottom: var(--p-space-1);
-  }
-}
-
-.Footer {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  display: flex;
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  justify-content: flex-end;
-  padding: 0 var(--p-space-4) var(--p-space-4);
-
-  @media #{$p-breakpoints-sm-up} {
-    padding: 0 var(--p-space-5) var(--p-space-5);
-  }
-
-  &.LeftJustified {
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    justify-content: flex-start;
-  }
-
-  .Section-subdued + & {
-    border-top: var(--p-border-divider);
-    padding: var(--p-space-5);
-  }
-}
diff --git a/polaris-react/src/components/Card/Card.stories.tsx b/polaris-react/src/components/Card/Card.stories.tsx
index b13e4f96dce..49238d7135d 100644
--- a/polaris-react/src/components/Card/Card.stories.tsx
+++ b/polaris-react/src/components/Card/Card.stories.tsx
@@ -1,20 +1,5 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
-import {
-  ActionList,
-  Button,
-  ButtonGroup,
-  Card,
-  Icon,
-  Image,
-  List,
-  Popover,
-  ResourceList,
-  LegacyStack,
-  Text,
-  TextContainer,
-} from '@shopify/polaris';
-import {ProductsMajor} from '@shopify/polaris-icons';
+import {Card, Stack, Bleed, Box, Divider, List, Text} from '@shopify/polaris';
 
 export default {
   component: Card,
@@ -22,377 +7,89 @@ export default {
 
 export function Default() {
   return (
-    <Card title="Online store dashboard" sectioned>
-      <p>View a summary of your online store’s performance.</p>
-    </Card>
-  );
-}
-
-export function WithHeaderActions() {
-  return (
-    <Card sectioned title="Variants" actions={[{content: 'Add variant'}]}>
-      <p>
-        Add variants if this product comes in multiple versions, like different
-        sizes or colors.
-      </p>
-    </Card>
-  );
-}
-
-export function WithFooterActions() {
-  return (
-    <Card
-      title="Shipment 1234"
-      secondaryFooterActions={[{content: 'Edit shipment'}]}
-      primaryFooterAction={{content: 'Add tracking number'}}
-    >
-      <Card.Section title="Items">
-        <List>
-          <List.Item>1 × Oasis Glass, 4-Pack</List.Item>
-          <List.Item>1 × Anubis Cup, 2-Pack</List.Item>
-        </List>
-      </Card.Section>
-    </Card>
-  );
-}
-
-export function WithMultipleFooterActions() {
-  return (
-    <Card
-      title="Shipment 1234"
-      secondaryFooterActions={[
-        {content: 'Cancel shipment', destructive: true},
-        {content: 'Add another shipment', disabled: true},
-      ]}
-      primaryFooterAction={{content: 'Add tracking number'}}
-    >
-      <Card.Section title="Items">
-        <List>
-          <List.Item>1 × Oasis Glass, 4-Pack</List.Item>
-          <List.Item>1 × Anubis Cup, 2-Pack</List.Item>
-        </List>
-      </Card.Section>
-    </Card>
-  );
-}
-
-export function WithCustomFooterActions() {
-  return (
-    <Card title="Secure your account with 2-step authentication">
-      <Card.Section>
-        <LegacyStack spacing="loose" vertical>
-          <p>
-            Two-step authentication adds an extra layer of security when logging
-            in to your account. A special code will be required each time you
-            log in, ensuring only you can access your account.
-          </p>
-          <LegacyStack distribution="trailing">
-            <ButtonGroup>
-              <Button>Enable two-step authentication</Button>
-              <Button plain>Learn more</Button>
-            </ButtonGroup>
-          </LegacyStack>
-        </LegacyStack>
-      </Card.Section>
-    </Card>
-  );
-}
-
-export function WithDestructiveFooterAction() {
-  return (
-    <Card
-      title="Shipment 1234"
-      secondaryFooterActions={[{content: 'Cancel shipment', destructive: true}]}
-      primaryFooterAction={{content: 'Add tracking number'}}
-    >
-      <Card.Section title="Items">
-        <List>
-          <List.Item>1 × Oasis Glass, 4-Pack</List.Item>
-          <List.Item>1 × Anubis Cup, 2-Pack</List.Item>
-        </List>
-      </Card.Section>
-    </Card>
-  );
-}
-
-export function WithMultipleSections() {
-  return (
-    <Card title="Online store dashboard">
-      <Card.Section>
+    <Card>
+      <Stack gap="5">
+        <Text as="h3" variant="headingMd">
+          Online store dashboard
+        </Text>
         <p>View a summary of your online store’s performance.</p>
-      </Card.Section>
-
-      <Card.Section>
-        <p>
-          View a summary of your online store’s performance, including sales,
-          visitors, top products, and referrals.
-        </p>
-      </Card.Section>
+      </Stack>
     </Card>
   );
 }
 
-export function WithMultipleTitledSections() {
+export function WithBackgroundSubdued() {
   return (
-    <Card title="Online store dashboard">
-      <Card.Section title="Reports">
+    <Card background="surface-subdued">
+      <Stack gap="5">
+        <Text as="h3" variant="headingMd">
+          Online store dashboard
+        </Text>
         <p>View a summary of your online store’s performance.</p>
-      </Card.Section>
-
-      <Card.Section title="Summary">
-        <p>
-          View a summary of your online store’s performance, including sales,
-          visitors, top products, and referrals.
-        </p>
-      </Card.Section>
-    </Card>
-  );
-}
-
-export function WithSectionsAndActions() {
-  return (
-    <Card title="Customer">
-      <Card.Section>
-        <p>John Smith</p>
-      </Card.Section>
-      <Card.Section title="Contact Information" actions={[{content: 'Edit'}]}>
-        <p>john.smith@example.com</p>
-      </Card.Section>
-    </Card>
-  );
-}
-
-export function WithSubsection() {
-  return (
-    <Card title="Customer">
-      <Card.Section>
-        <p>John Smith</p>
-      </Card.Section>
-      <Card.Section title="Addresses">
-        <Card.Subsection>
-          123 First St
-          <br />
-          Somewhere
-          <br />
-          The Universe
-        </Card.Subsection>
-        <Card.Subsection>
-          123 Second St
-          <br />
-          Somewhere
-          <br />
-          The Universe
-        </Card.Subsection>
-      </Card.Section>
-      <Card.Section>
-        <Card.Subsection>
-          A single subsection without a sibling has no visual appearance
-        </Card.Subsection>
-      </Card.Section>
+      </Stack>
     </Card>
   );
 }
 
-export function WithDestructiveAction() {
+export function WithBorderRadiusRoundedAbove() {
   return (
-    <Card title="Customer">
-      <Card.Section>
-        <p>John Smith</p>
-      </Card.Section>
-      <Card.Section
-        title="Contact Information"
-        actions={[{content: 'Delete', destructive: true}, {content: 'Edit'}]}
-      >
-        <p>john.smith@example.com</p>
-      </Card.Section>
-    </Card>
-  );
-}
-
-export function WithASubduedSection() {
-  return (
-    <Card title="Staff accounts">
-      <Card.Section>
-        <List>
-          <List.Item>Felix Crafford</List.Item>
-          <List.Item>Ezequiel Manno</List.Item>
-        </List>
-      </Card.Section>
-
-      <Card.Section subdued title="Deactivated staff accounts">
-        <List>
-          <List.Item>Felix Crafford</List.Item>
-          <List.Item>Ezequiel Manno</List.Item>
-        </List>
-      </Card.Section>
-    </Card>
-  );
-}
-
-export function WithSubduedForSecondaryContent() {
-  return (
-    <Card title="Deactivated staff accounts" sectioned subdued>
-      <List>
-        <List.Item>Felix Crafford</List.Item>
-        <List.Item>Ezequiel Manno</List.Item>
-      </List>
+    <Card roundedAbove="sm">
+      <Stack gap="5">
+        <Text as="h3" variant="headingMd">
+          Online store dashboard
+        </Text>
+        <p>View a summary of your online store’s performance.</p>
+      </Stack>
     </Card>
   );
 }
 
-export function WithSeparateHeader() {
+export function WithResponsivePadding() {
   return (
-    <Card>
-      <Card.Header
-        actions={[
-          {
-            content: 'Preview',
-          },
-        ]}
-        title="Staff accounts"
-      >
-        <Popover
-          active
-          activator={
-            <Button disclosure plain>
-              Add account
-            </Button>
-          }
-          onClose={() => {}}
+    <Card padding={{xs: '5', sm: '6', md: '8'}} roundedAbove="sm">
+      <Stack gap={{xs: '4', sm: '5'}}>
+        <Text as="h3" variant="headingMd">
+          Online store dashboard
+        </Text>
+        <p>View a summary of your online store’s performance.</p>
+      </Stack>
+    </Card>
+  );
+}
+
+export function WithSubduedSection() {
+  return (
+    <Card roundedAbove="sm">
+      <Stack gap="5">
+        <Text as="h3" variant="headingMd">
+          Staff accounts
+        </Text>
+        <Box paddingBlockEnd="5">
+          <List>
+            <List.Item>Felix Crafford</List.Item>
+            <List.Item>Ezequiel Manno</List.Item>
+          </List>
+        </Box>
+      </Stack>
+      <Bleed marginBlockEnd="5" marginInline="5">
+        <Divider />
+        <Box
+          background="surface-subdued"
+          borderRadiusEndStart="2"
+          borderRadiusEndEnd="2"
+          padding="5"
         >
-          <ActionList items={[{content: 'Member'}, {content: 'Admin'}]} />
-        </Popover>
-      </Card.Header>
-      <Card.Section>
-        <List>
-          <List.Item>Felix Crafford</List.Item>
-          <List.Item>Ezequiel Manno</List.Item>
-        </List>
-      </Card.Section>
-    </Card>
-  );
-}
-
-export function WithCustomReactNodeTitle() {
-  return (
-    <Card title="Products">
-      <Card.Section
-        title={
-          <LegacyStack>
-            <Icon source={ProductsMajor} />
+          <Stack gap="2">
             <Text variant="headingSm" as="h3">
-              New Products
+              Deactivated staff accounts
             </Text>
-          </LegacyStack>
-        }
-      >
-        <List>
-          <List.Item>Socks</List.Item>
-          <List.Item>Super Shoes</List.Item>
-        </List>
-      </Card.Section>
-    </Card>
-  );
-}
-
-export function WithAllElements() {
-  return (
-    <Card
-      secondaryFooterActions={[{content: 'Dismiss'}]}
-      primaryFooterAction={{content: 'Export Report'}}
-    >
-      <Card.Header
-        actions={[
-          {
-            content: 'Total Sales',
-          },
-        ]}
-        title="Sales"
-      >
-        <Popover
-          active={false}
-          activator={
-            <Button disclosure plain>
-              View Sales
-            </Button>
-          }
-          onClose={() => {}}
-        >
-          <ActionList
-            items={[{content: 'Gross Sales'}, {content: 'Net Sales'}]}
-          />
-        </Popover>
-      </Card.Header>
-      <Card.Section>
-        <TextContainer>
-          You can use sales reports to see information about your customers’
-          orders based on criteria such as sales over time, by channel, or by
-          staff.
-        </TextContainer>
-      </Card.Section>
-      <Card.Section title="Total Sales Breakdown">
-        <ResourceList
-          resourceName={{singular: 'sale', plural: 'sales'}}
-          items={[
-            {
-              sales: 'Orders',
-              amount: 'USD$0.00',
-              url: '#',
-            },
-            {
-              sales: 'Returns',
-              amount: '-USD$250.00',
-              url: '#',
-            },
-          ]}
-          renderItem={(item) => {
-            const {sales, amount, url} = item;
-            return (
-              <ResourceList.Item
-                url={url}
-                accessibilityLabel={`View Sales for ${sales}`}
-              >
-                <LegacyStack>
-                  <LegacyStack.Item fill>{sales}</LegacyStack.Item>
-                  <LegacyStack.Item>{amount}</LegacyStack.Item>
-                </LegacyStack>
-              </ResourceList.Item>
-            );
-          }}
-        />
-      </Card.Section>
-      <Card.Section title="Deactivated reports" subdued>
-        <List>
-          <List.Item>Payouts</List.Item>
-          <List.Item>Total Sales By Channel</List.Item>
-        </List>
-      </Card.Section>
-      <Card.Section title="Note">
-        <TextContainer>
-          The sales reports are available only if your store is on the Shopify
-          plan or higher.
-        </TextContainer>
-      </Card.Section>
-    </Card>
-  );
-}
-
-export function WithFlushedSections() {
-  return (
-    <Card>
-      <Card.Section flush>
-        <Image
-          source="https://burst.shopifycdn.com/photos/black-orange-stripes_373x@2x.jpg"
-          alt="a sheet with purple and orange stripes"
-        />
-      </Card.Section>
-      <Card.Section subdued>
-        <TextContainer>
-          You can use sales reports to see information about your customers’
-          orders based on criteria such as sales over time, by channel, or by
-          staff.
-        </TextContainer>
-      </Card.Section>
+            <List>
+              <List.Item>Felix Crafford</List.Item>
+              <List.Item>Ezequiel Manno</List.Item>
+            </List>
+          </Stack>
+        </Box>
+      </Bleed>
     </Card>
   );
 }
diff --git a/polaris-react/src/components/Card/Card.tsx b/polaris-react/src/components/Card/Card.tsx
index 70d7eac86b6..dac1d57b265 100644
--- a/polaris-react/src/components/Card/Card.tsx
+++ b/polaris-react/src/components/Card/Card.tsx
@@ -1,160 +1,61 @@
-import React from 'react';
+import type {
+  BreakpointsAlias,
+  ColorsTokenName,
+  ShapeBorderRadiusScale,
+  SpacingSpaceScale,
+} from '@shopify/polaris-tokens';
 
-import {useI18n} from '../../utilities/i18n';
-import {classNames} from '../../utilities/css';
-import {useToggle} from '../../utilities/use-toggle';
-import {WithinContentContext} from '../../utilities/within-content-context';
-import {ButtonGroup} from '../ButtonGroup';
-import type {DisableableAction, ComplexAction} from '../../types';
-import {ActionList} from '../ActionList';
-import {Button, buttonFrom} from '../Button';
-import {Popover} from '../Popover';
+import {useBreakpoints} from '../../utilities/breakpoints';
+import type {ResponsiveProp} from '../../utilities/css';
+import {Box} from '../Box';
 
-// eslint-disable-next-line import/no-deprecated
-import {Header, Section, Subsection} from './components';
-import styles from './Card.scss';
+type CardBackgroundColorTokenScale = Extract<
+  ColorsTokenName,
+  'surface' | 'surface-subdued'
+>;
 
-export type {
-  CardSectionProps,
-  CardHeaderProps,
-  CardSubsectionProps,
-} from './components';
+type Spacing = ResponsiveProp<SpacingSpaceScale>;
 
 export interface CardProps {
-  /** Title content for the card */
-  title?: React.ReactNode;
-  /** Inner content of the card */
   children?: React.ReactNode;
-  /** A less prominent card */
-  subdued?: boolean;
-  /** Auto wrap content in section */
-  sectioned?: boolean;
-  /** Card header actions */
-  actions?: DisableableAction[];
-  /** Primary action in the card footer */
-  primaryFooterAction?: ComplexAction;
-  /** Secondary actions in the card footer */
-  secondaryFooterActions?: ComplexAction[];
-  /** The content of the disclosure button rendered when there is more than one secondary footer action */
-  secondaryFooterActionsDisclosureText?: string;
-  /** Alignment of the footer actions on the card, defaults to right */
-  footerActionAlignment?: 'right' | 'left';
-  /** Allow the card to be hidden when printing */
-  hideOnPrint?: boolean;
+  /** Background color
+   * @default 'surface'
+   */
+  background?: CardBackgroundColorTokenScale;
+  /** The spacing around the card
+   * @default {xs: '4', sm: '5'}
+   * @example
+   * padding='4'
+   * padding={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}
+   */
+  padding?: Spacing;
+  /** Border radius value above a set breakpoint */
+  roundedAbove?: BreakpointsAlias;
 }
 
-// TypeScript can't generate types that correctly infer the typing of
-// subcomponents so explicitly state the subcomponents in the type definition.
-// Letting this be implicit works in this project but fails in projects that use
-// generated *.d.ts files.
-/** @deprecated Use AlphaCard instead. */
-export const Card: React.FunctionComponent<CardProps> & {
-  // eslint-disable-next-line import/no-deprecated
-  Header: typeof Header;
-  // eslint-disable-next-line import/no-deprecated
-  Section: typeof Section;
-  // eslint-disable-next-line import/no-deprecated
-  Subsection: typeof Subsection;
-} = function Card({
+export const Card = ({
   children,
-  hideOnPrint,
-  title,
-  subdued,
-  sectioned,
-  actions,
-  primaryFooterAction,
-  secondaryFooterActions,
-  secondaryFooterActionsDisclosureText,
-  footerActionAlignment = 'right',
-}: CardProps) {
-  if (process.env.NODE_ENV === 'development') {
-    // eslint-disable-next-line no-console
-    console.warn(
-      'Deprecation: <Card /> is deprecated. This component will be removed in a future major version of Polaris. Use <LegacyCard /> or <AlphaCard /> instead.',
-    );
-  }
-
-  const i18n = useI18n();
-  const {
-    value: secondaryActionsPopoverOpen,
-    toggle: toggleSecondaryActionsPopoverOpen,
-  } = useToggle(false);
-
-  const className = classNames(
-    styles.Card,
-    subdued && styles.subdued,
-    hideOnPrint && styles.hideOnPrint,
-  );
+  background = 'surface',
+  padding = {xs: '4', sm: '5'},
+  roundedAbove,
+}: CardProps) => {
+  const breakpoints = useBreakpoints();
+  const defaultBorderRadius = '2' as ShapeBorderRadiusScale;
 
-  const headerMarkup =
-    title || actions ? <Header actions={actions} title={title} /> : null;
+  let hasBorderRadius = !roundedAbove;
 
-  const content = sectioned ? <Section>{children}</Section> : children;
-
-  const primaryFooterActionMarkup = primaryFooterAction
-    ? buttonFrom(primaryFooterAction, {primary: true})
-    : null;
-
-  let secondaryFooterActionsMarkup = null;
-  if (secondaryFooterActions && secondaryFooterActions.length) {
-    if (secondaryFooterActions.length === 1) {
-      secondaryFooterActionsMarkup = buttonFrom(secondaryFooterActions[0]);
-    } else {
-      secondaryFooterActionsMarkup = (
-        <>
-          <Popover
-            active={secondaryActionsPopoverOpen}
-            activator={
-              <Button disclosure onClick={toggleSecondaryActionsPopoverOpen}>
-                {secondaryFooterActionsDisclosureText ||
-                  i18n.translate('Polaris.Common.more')}
-              </Button>
-            }
-            onClose={toggleSecondaryActionsPopoverOpen}
-          >
-            <ActionList items={secondaryFooterActions} />
-          </Popover>
-        </>
-      );
-    }
+  if (roundedAbove && breakpoints[`${roundedAbove}Up`]) {
+    hasBorderRadius = true;
   }
 
-  const footerMarkup =
-    primaryFooterActionMarkup || secondaryFooterActionsMarkup ? (
-      <div
-        className={classNames(
-          styles.Footer,
-          footerActionAlignment === 'left' && styles.LeftJustified,
-        )}
-      >
-        {footerActionAlignment === 'right' ? (
-          <ButtonGroup>
-            {secondaryFooterActionsMarkup}
-            {primaryFooterActionMarkup}
-          </ButtonGroup>
-        ) : (
-          <ButtonGroup>
-            {primaryFooterActionMarkup}
-            {secondaryFooterActionsMarkup}
-          </ButtonGroup>
-        )}
-      </div>
-    ) : null;
-
   return (
-    <WithinContentContext.Provider value>
-      <div className={className}>
-        {headerMarkup}
-        {content}
-        {footerMarkup}
-      </div>
-    </WithinContentContext.Provider>
+    <Box
+      background={background}
+      padding={padding}
+      shadow="card"
+      borderRadius={hasBorderRadius ? defaultBorderRadius : undefined}
+    >
+      {children}
+    </Box>
   );
 };
-
-// eslint-disable-next-line import/no-deprecated
-Card.Header = Header;
-// eslint-disable-next-line import/no-deprecated
-Card.Section = Section;
-// eslint-disable-next-line import/no-deprecated
-Card.Subsection = Subsection;
diff --git a/polaris-react/src/components/Card/components/Header/Header.tsx b/polaris-react/src/components/Card/components/Header/Header.tsx
deleted file mode 100644
index f1115fd9d2b..00000000000
--- a/polaris-react/src/components/Card/components/Header/Header.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import React, {isValidElement} from 'react';
-
-import type {DisableableAction} from '../../../../types';
-import {buttonsFrom} from '../../../Button';
-import {ButtonGroup} from '../../../ButtonGroup';
-import {LegacyStack} from '../../../LegacyStack';
-import {Text} from '../../../Text';
-import styles from '../../Card.scss';
-
-export interface CardHeaderProps {
-  title?: React.ReactNode;
-  actions?: DisableableAction[];
-  children?: React.ReactNode;
-}
-
-/** @deprecated Use LegacyCard or AlphaCard instead. */
-export function Header({children, title, actions}: CardHeaderProps) {
-  if (process.env.NODE_ENV === 'development') {
-    // eslint-disable-next-line no-console
-    console.warn(
-      'Deprecation: <Card /> is deprecated. This component will be removed in a future major version of Polaris. Use <LegacyCard /> or <AlphaCard /> instead.',
-    );
-  }
-
-  const actionMarkup = actions ? (
-    <ButtonGroup>{buttonsFrom(actions, {plain: true})}</ButtonGroup>
-  ) : null;
-
-  const titleMarkup = isValidElement(title) ? (
-    title
-  ) : (
-    <Text variant="headingMd" as="h2">
-      {title}
-    </Text>
-  );
-
-  const headingMarkup =
-    actionMarkup || children ? (
-      <LegacyStack alignment="baseline">
-        <LegacyStack.Item fill>{titleMarkup}</LegacyStack.Item>
-        {actionMarkup}
-        {children}
-      </LegacyStack>
-    ) : (
-      titleMarkup
-    );
-
-  return <div className={styles.Header}>{headingMarkup}</div>;
-}
diff --git a/polaris-react/src/components/Card/components/Header/index.ts b/polaris-react/src/components/Card/components/Header/index.ts
deleted file mode 100644
index 266dec8a1bc..00000000000
--- a/polaris-react/src/components/Card/components/Header/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './Header';
diff --git a/polaris-react/src/components/Card/components/Header/tests/Header.test.tsx b/polaris-react/src/components/Card/components/Header/tests/Header.test.tsx
deleted file mode 100644
index 374e49828b7..00000000000
--- a/polaris-react/src/components/Card/components/Header/tests/Header.test.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-import React from 'react';
-import {mountWithApp} from 'tests/utilities';
-
-import {buttonsFrom} from '../../../../Button';
-import {ButtonGroup} from '../../../../ButtonGroup';
-import {Text} from '../../../../Text';
-// eslint-disable-next-line import/no-deprecated
-import {Header} from '../Header';
-
-jest.mock('../../../../Button', () => ({
-  ...(jest.requireActual('../../../../Button') as any),
-  buttonsFrom: jest.fn(),
-}));
-
-const buttonsFromMock = buttonsFrom as jest.Mock;
-
-describe('<Header />', () => {
-  describe('title', () => {
-    it('renders a heading when defined', () => {
-      const header = mountWithApp(<Header title="Staff accounts" />);
-      expect(header).toContainReactComponent(Text, {variant: 'headingMd'});
-    });
-
-    it('renders the title directly if its a valid React element', () => {
-      const title = <div>Staff accounts</div>;
-      const header = mountWithApp(<Header title={title} />);
-      expect(header).not.toContainReactComponent(Text, {variant: 'headingLg'});
-      expect(header).toContainReactComponent('div', {
-        children: 'Staff accounts',
-      });
-    });
-
-    it('is used as the content for the heading', () => {
-      const title = 'Staff accounts';
-      const header = mountWithApp(<Header title={title} />);
-      expect(header.find(Text, {variant: 'headingMd'})).toContainReactText(
-        title,
-      );
-    });
-  });
-
-  describe('actions', () => {
-    const mockActions = [{content: 'Preview'}];
-
-    it('renders a button group when defined', () => {
-      const header = mountWithApp(<Header actions={mockActions} />);
-      expect(header).toContainReactComponent(ButtonGroup);
-    });
-
-    it('renders buttons for each action', () => {
-      mountWithApp(<Header actions={mockActions} />);
-      expect(buttonsFromMock).toHaveBeenCalledWith(
-        mockActions,
-        expect.anything(),
-      );
-    });
-
-    it('does not render a button group when not defined', () => {
-      const header = mountWithApp(<Header />);
-      expect(header).not.toContainReactComponent(ButtonGroup);
-    });
-  });
-
-  describe('children', () => {
-    it('renders when defined', () => {
-      const Children = () => <div>Hello!</div>;
-      const header = mountWithApp(
-        <Header>
-          <Children />
-        </Header>,
-      );
-      expect(header).toContainReactComponent(Children);
-    });
-  });
-});
diff --git a/polaris-react/src/components/Card/components/Section/Section.tsx b/polaris-react/src/components/Card/components/Section/Section.tsx
deleted file mode 100644
index 4c4d2bd2db4..00000000000
--- a/polaris-react/src/components/Card/components/Section/Section.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-import React from 'react';
-
-import {classNames} from '../../../../utilities/css';
-import type {ComplexAction} from '../../../../types';
-import {buttonsFrom} from '../../../Button';
-import {LegacyStack} from '../../../LegacyStack';
-import {ButtonGroup} from '../../../ButtonGroup';
-import {Text} from '../../../Text';
-import styles from '../../Card.scss';
-
-export interface CardSectionProps {
-  title?: React.ReactNode;
-  children?: React.ReactNode;
-  subdued?: boolean;
-  flush?: boolean;
-  fullWidth?: boolean;
-  /** Allow the card to be hidden when printing */
-  hideOnPrint?: boolean;
-  actions?: ComplexAction[];
-}
-
-/** @deprecated Use LegacyCard or AlphaCard instead. */
-export function Section({
-  children,
-  title,
-  subdued,
-  flush,
-  fullWidth,
-  actions,
-  hideOnPrint,
-}: CardSectionProps) {
-  if (process.env.NODE_ENV === 'development') {
-    // eslint-disable-next-line no-console
-    console.warn(
-      'Deprecation: <Card /> is deprecated. This component will be removed in a future major version of Polaris. Use <LegacyCard /> or <AlphaCard /> instead.',
-    );
-  }
-
-  const className = classNames(
-    styles.Section,
-    flush && styles['Section-flush'],
-    subdued && styles['Section-subdued'],
-    fullWidth && styles['Section-fullWidth'],
-    hideOnPrint && styles['Section-hideOnPrint'],
-  );
-
-  const actionMarkup = actions ? (
-    <ButtonGroup>{buttonsFrom(actions, {plain: true})}</ButtonGroup>
-  ) : null;
-
-  const titleMarkup =
-    typeof title === 'string' ? (
-      <Text variant="headingSm" as="h3">
-        {title}
-      </Text>
-    ) : (
-      title
-    );
-
-  const titleAreaMarkup =
-    titleMarkup || actionMarkup ? (
-      <div className={styles.SectionHeader}>
-        {actionMarkup ? (
-          <LegacyStack alignment="baseline">
-            <LegacyStack.Item fill>{titleMarkup}</LegacyStack.Item>
-            {actionMarkup}
-          </LegacyStack>
-        ) : (
-          titleMarkup
-        )}
-      </div>
-    ) : null;
-
-  return (
-    <div className={className}>
-      {titleAreaMarkup}
-      {children}
-    </div>
-  );
-}
diff --git a/polaris-react/src/components/Card/components/Section/index.ts b/polaris-react/src/components/Card/components/Section/index.ts
deleted file mode 100644
index b524e0f3c49..00000000000
--- a/polaris-react/src/components/Card/components/Section/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './Section';
diff --git a/polaris-react/src/components/Card/components/Section/tests/Section.test.tsx b/polaris-react/src/components/Card/components/Section/tests/Section.test.tsx
deleted file mode 100644
index cb5517f3afd..00000000000
--- a/polaris-react/src/components/Card/components/Section/tests/Section.test.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-import React from 'react';
-import {mountWithApp} from 'tests/utilities';
-
-import {Badge} from '../../../../Badge';
-import {Button} from '../../../../Button';
-import {ButtonGroup} from '../../../../ButtonGroup';
-import {Text} from '../../../../Text';
-// eslint-disable-next-line import/no-deprecated
-import {Section} from '../Section';
-
-describe('<Card.Section />', () => {
-  it('can have any valid react element as the card section title', () => {
-    const titleString = 'Online store';
-    const badgeString = 'I am a badge';
-    const titleMarkup = (
-      <h2>
-        {titleString}
-        <Badge>{badgeString}</Badge>
-      </h2>
-    );
-
-    const section = mountWithApp(<Section title={titleMarkup} />);
-    const headerMarkup = section.find('h2')!;
-
-    expect(headerMarkup).toContainReactText(titleString);
-    expect(headerMarkup.find(Badge)).toContainReactText(badgeString);
-  });
-
-  it('wraps plain string titles in a <Text />', () => {
-    const titleString = 'Online store';
-    const card = mountWithApp(<Section title={titleString} />);
-    expect(
-      card.find(Text, {variant: 'headingSm', as: 'h3'}),
-    ).toContainReactText(titleString);
-  });
-
-  describe('hideWhenPrinting prop', () => {
-    it('renders classname "Section Section-hideOnPrint" when prop is passed', () => {
-      const card = mountWithApp(<Section hideOnPrint />);
-
-      expect(card).toContainReactComponent('div', {
-        className: 'Section Section-hideOnPrint',
-      });
-    });
-
-    it('does not render classname "Section Section-hideOnPrint" when prop is not passed', () => {
-      const card = mountWithApp(<Section />);
-
-      expect(card).not.toContainReactComponent('div', {
-        className: 'Section Section-hideOnPrint',
-      });
-    });
-  });
-
-  describe('actions', () => {
-    const mockActions = [{content: 'Preview'}, {content: 'Open'}];
-
-    it('renders a button group when defined', () => {
-      const section = mountWithApp(<Section actions={mockActions} />);
-      expect(section).toContainReactComponent(ButtonGroup);
-    });
-
-    it('renders buttons for each action', () => {
-      const section = mountWithApp(<Section actions={mockActions} />);
-      expect(section).toContainReactComponentTimes(Button, 2);
-    });
-
-    it('does not render a button group when not defined', () => {
-      const section = mountWithApp(<Section />);
-      expect(section).not.toContainReactComponent(ButtonGroup);
-    });
-
-    it('renders both custom title markup and actions', () => {
-      const titleString = 'Online store';
-      const badgeString = 'I am a badge';
-      const titleMarkup = (
-        <h2>
-          {titleString}
-          <Badge>{badgeString}</Badge>
-        </h2>
-      );
-      const section = mountWithApp(
-        <Section actions={mockActions} title={titleMarkup} />,
-      );
-      expect(section).toContainReactComponentTimes(Button, 2);
-      expect(section).toContainReactText(titleString);
-      expect(section.find(Badge)).toContainReactText(badgeString);
-    });
-  });
-});
diff --git a/polaris-react/src/components/Card/components/Subsection/Subsection.tsx b/polaris-react/src/components/Card/components/Subsection/Subsection.tsx
deleted file mode 100644
index f1715e61524..00000000000
--- a/polaris-react/src/components/Card/components/Subsection/Subsection.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from 'react';
-
-import styles from '../../Card.scss';
-
-export interface CardSubsectionProps {
-  children?: React.ReactNode;
-}
-
-/** @deprecated Use LegacyCard or AlphaCard instead. */
-export function Subsection({children}: CardSubsectionProps) {
-  if (process.env.NODE_ENV === 'development') {
-    // eslint-disable-next-line no-console
-    console.warn(
-      'Deprecation: <Card /> is deprecated. This component will be removed in a future major version of Polaris. Use <LegacyCard /> or <AlphaCard /> instead.',
-    );
-  }
-
-  return <div className={styles.Subsection}>{children}</div>;
-}
diff --git a/polaris-react/src/components/Card/components/Subsection/index.ts b/polaris-react/src/components/Card/components/Subsection/index.ts
deleted file mode 100644
index cddeba60629..00000000000
--- a/polaris-react/src/components/Card/components/Subsection/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './Subsection';
diff --git a/polaris-react/src/components/Card/components/Subsection/tests/Subsection.test.tsx b/polaris-react/src/components/Card/components/Subsection/tests/Subsection.test.tsx
deleted file mode 100644
index 353a2b9bdc9..00000000000
--- a/polaris-react/src/components/Card/components/Subsection/tests/Subsection.test.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from 'react';
-import {mountWithApp} from 'tests/utilities';
-
-// eslint-disable-next-line import/no-deprecated
-import {Subsection} from '../Subsection';
-
-describe('<Card.Subsection />', () => {
-  it('can have any valid react element for children', () => {
-    const childrenMarkup = <p>Some content</p>;
-
-    const section = mountWithApp(<Subsection>{childrenMarkup}</Subsection>);
-
-    expect(section).toContainReactText('Some content');
-    expect(section).toContainReactComponent('p');
-  });
-});
diff --git a/polaris-react/src/components/Card/components/index.ts b/polaris-react/src/components/Card/components/index.ts
deleted file mode 100644
index 194aac47a90..00000000000
--- a/polaris-react/src/components/Card/components/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export * from './Header';
-
-export * from './Section';
-
-export * from './Subsection';
diff --git a/polaris-react/src/components/Card/tests/Card.test.tsx b/polaris-react/src/components/Card/tests/Card.test.tsx
index 4c7cdc97f0d..22281e4f6a7 100644
--- a/polaris-react/src/components/Card/tests/Card.test.tsx
+++ b/polaris-react/src/components/Card/tests/Card.test.tsx
@@ -1,253 +1,45 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
+import {matchMedia} from '@shopify/jest-dom-mocks';
+import {setMediaWidth} from 'tests/utilities/breakpoints';
 
-import {Badge} from '../../Badge';
-import {Button} from '../../Button';
-import {Popover} from '../../Popover';
-import {ActionList} from '../../ActionList';
-import {WithinContentContext} from '../../../utilities/within-content-context';
-// eslint-disable-next-line import/no-deprecated
-import {Card} from '../Card';
-// eslint-disable-next-line import/no-deprecated
-import {Section} from '../components';
+import {Card} from '..';
 
-describe('<Card />', () => {
-  it('has a child with prop withinContentContainer set to true', () => {
-    function TestComponent(_: {withinContentContainer: any}) {
-      return null;
-    }
+const heading = <p>Online store dashboard</p>;
+const subheading = <p>View a summary of your online store performance</p>;
 
-    const component = mountWithApp(
-      <Card>
-        <WithinContentContext.Consumer>
-          {(withinContentContext) => {
-            return (
-              <TestComponent withinContentContainer={withinContentContext} />
-            );
-          }}
-        </WithinContentContext.Consumer>
-      </Card>,
-    );
-    expect(component).toContainReactComponent(TestComponent, {
-      withinContentContainer: true,
-    });
+describe('Card', () => {
+  beforeEach(() => {
+    matchMedia.mock();
   });
 
-  it('has a header tag when the title is a string', () => {
-    const title = 'Online store';
-    const card = mountWithApp(<Card title={title} />);
-    expect(card.find('h2')).toContainReactText(title);
+  afterEach(() => {
+    matchMedia.restore();
   });
 
-  it('can have any valid react element as the title', () => {
-    const titleString = 'Online store';
-    const badgeString = 'I am a badge';
-    const titleMarkup = (
-      <h2>
-        {titleString}
-        <Badge>{badgeString}</Badge>
-      </h2>
-    );
-
-    const card = mountWithApp(<Card title={titleMarkup} />);
-    const headerMarkup = card.find('h2')!;
-
-    expect(headerMarkup).toContainReactText(titleString);
-    expect(headerMarkup.find(Badge)).toContainReactText(badgeString);
-  });
-
-  it('exposes the header component', () => {
+  it('renders children', () => {
     const card = mountWithApp(
       <Card>
-        <Card.Header />
-      </Card>,
-    );
-    // eslint-disable-next-line import/no-deprecated
-    expect(card).toContainReactComponent(Card.Header);
-  });
-
-  it('renders a <Header /> component with actions and no title', () => {
-    const card = mountWithApp(
-      <Card actions={[{content: 'test action'}]}>
-        <p>Some card content.</p>
+        {heading}
+        {subheading}
       </Card>,
     );
 
-    expect(card).toContainReactComponent(Button);
-    // eslint-disable-next-line import/no-deprecated
-    expect(card).toContainReactComponent(Card.Header);
-  });
-
-  describe('footerActionAlignment prop', () => {
-    it('renders right-aligned if not supplied', () => {
-      const card = mountWithApp(
-        <Card
-          primaryFooterAction={{content: 'primary action'}}
-          secondaryFooterActions={[{content: 'secondary action'}]}
-        >
-          <p>Some card content.</p>
-        </Card>,
-      );
-
-      const buttons = card.findAll(Button);
-      expect(buttons[0].prop('children')).toBe('secondary action');
-      expect(buttons[1].prop('children')).toBe('primary action');
-    });
-
-    it('renders right-aligned if set to "right"', () => {
-      const card = mountWithApp(
-        <Card
-          primaryFooterAction={{content: 'primary action'}}
-          secondaryFooterActions={[{content: 'secondary action'}]}
-          footerActionAlignment="right"
-        >
-          <p>Some card content.</p>
-        </Card>,
-      );
-
-      const buttons = card.findAll(Button);
-      expect(buttons[0].prop('children')).toBe('secondary action');
-      expect(buttons[1].prop('children')).toBe('primary action');
-    });
-
-    it('renders left-aligned if set to "left"', () => {
-      const card = mountWithApp(
-        <Card
-          primaryFooterAction={{content: 'primary action'}}
-          secondaryFooterActions={[{content: 'secondary action'}]}
-          footerActionAlignment="left"
-        >
-          <p>Some card content.</p>
-        </Card>,
-      );
-
-      const buttons = card.findAll(Button);
-      expect(buttons[0].prop('children')).toBe('primary action');
-      expect(buttons[1].prop('children')).toBe('secondary action');
-    });
-  });
-
-  describe('hideWhenPrinting prop', () => {
-    it('renders the classname "Card hideOnPrint" when passed', () => {
-      const card = mountWithApp(
-        <Card hideOnPrint>
-          <p>Some card content.</p>
-        </Card>,
-      );
-
-      expect(card).toContainReactComponent('div', {
-        className: 'Card hideOnPrint',
-      });
-    });
-
-    it('does not render the classname "Card hideOnPrint" when prop is not passed', () => {
-      const card = mountWithApp(
-        <Card>
-          <p>Some card content.</p>
-        </Card>,
-      );
-
-      expect(card).not.toContainReactComponent('div', {
-        className: 'Card hideOnPrint',
-      });
-    });
+    expect(card).toContainReactComponentTimes('p', 2);
   });
 
-  it('renders a primary footer action', () => {
+  it('sets default border radius when roundedAbove breakpoint passed in', () => {
+    setMediaWidth('breakpoints-sm');
     const card = mountWithApp(
-      <Card primaryFooterAction={{content: 'test action'}}>
-        <p>Some card content.</p>
+      <Card roundedAbove="sm">
+        {heading}
+        {subheading}
       </Card>,
     );
-    expect(card).toContainReactComponent(Button, {children: 'test action'});
-  });
-
-  describe('secondaryFooterActions', () => {
-    it('renders a single secondary footer action button when only 1 is supplied', () => {
-      const card = mountWithApp(
-        <Card secondaryFooterActions={[{content: 'test action'}]}>
-          <p>Some card content.</p>
-        </Card>,
-      );
-
-      expect(card).toContainReactComponent(Button, {children: 'test action'});
-      expect(card).not.toContainReactComponent(Popover);
-    });
-
-    it('renders popover when >1 are supplied', () => {
-      const card = mountWithApp(
-        <Card
-          secondaryFooterActions={[
-            {content: 'Most important action'},
-            {content: 'Second most important action'},
-          ]}
-        >
-          <p>Some card content.</p>
-        </Card>,
-      );
-
-      expect(card).toContainReactComponent(Button, {
-        children: 'More',
-      });
-      expect(card).toContainReactComponent(Popover);
-    });
-
-    it('activates popover when disclosure button is clicked', () => {
-      const footerActions = [
-        {content: 'Most important action'},
-        {content: 'Second most important action'},
-      ];
-      const card = mountWithApp(
-        <Card secondaryFooterActions={footerActions}>
-          <p>Some card content.</p>
-        </Card>,
-      );
 
-      const disclosureButton = card.findAll(Button)[0];
-      expect(disclosureButton).toContainReactText('More');
-
-      expect(card).toContainReactComponent(Popover, {
-        active: false,
-      });
-
-      disclosureButton.trigger('onClick');
-
-      expect(card).toContainReactComponent(Popover, {
-        active: true,
-      });
-
-      expect(card).toContainReactComponent(ActionList, {
-        items: footerActions,
-      });
-    });
-
-    it('sets the disclosure button content to the value set on secondaryFooterActionsDisclosureText', () => {
-      const card = mountWithApp(
-        <Card
-          secondaryFooterActions={[
-            {content: 'Most important action'},
-            {content: 'Second most important action'},
-          ]}
-          secondaryFooterActionsDisclosureText="Show more"
-        >
-          <p>Some card content.</p>
-        </Card>,
-      );
-
-      expect(card).toContainReactComponent(Button, {
-        children: 'Show more',
-      });
+    expect(card).toContainReactComponent('div', {
+      style: expect.objectContaining({
+        '--pc-box-border-radius': 'var(--p-border-radius-2)',
+      }),
     });
   });
-
-  it('renders a section when sectioned', () => {
-    const card = mountWithApp(
-      <Card sectioned>
-        <p>Some card content.</p>
-      </Card>,
-    );
-
-    // eslint-disable-next-line import/no-deprecated
-    expect(card.find(Section)).toContainReactText('Some card content.');
-  });
 });
diff --git a/polaris-react/src/components/CheckableButton/CheckableButton.scss b/polaris-react/src/components/CheckableButton/CheckableButton.scss
index d81233e7e94..681348f68bb 100644
--- a/polaris-react/src/components/CheckableButton/CheckableButton.scss
+++ b/polaris-react/src/components/CheckableButton/CheckableButton.scss
@@ -8,8 +8,6 @@
   font-size: var(--p-font-size-75);
   font-weight: var(--p-font-weight-medium);
   line-height: var(--p-font-line-height-1);
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  text-transform: initial;
   letter-spacing: initial;
   // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
   display: flex;
diff --git a/polaris-react/src/components/CheckableButton/CheckableButton.tsx b/polaris-react/src/components/CheckableButton/CheckableButton.tsx
index 277ec67b855..dc72f90277b 100644
--- a/polaris-react/src/components/CheckableButton/CheckableButton.tsx
+++ b/polaris-react/src/components/CheckableButton/CheckableButton.tsx
@@ -1,4 +1,4 @@
-import React, {useRef, useImperativeHandle, forwardRef} from 'react';
+import { useRef, useImperativeHandle, forwardRef } from 'react';
 
 import type {CheckboxHandles} from '../../types';
 import {classNames} from '../../utilities/css';
diff --git a/polaris-react/src/components/CheckableButton/tests/CheckableButton.test.tsx b/polaris-react/src/components/CheckableButton/tests/CheckableButton.test.tsx
index b9b2f0bd393..7ae01f6fc54 100644
--- a/polaris-react/src/components/CheckableButton/tests/CheckableButton.test.tsx
+++ b/polaris-react/src/components/CheckableButton/tests/CheckableButton.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Checkbox} from '../../Checkbox';
diff --git a/polaris-react/src/components/Checkbox/Checkbox.stories.tsx b/polaris-react/src/components/Checkbox/Checkbox.stories.tsx
index 16bfcccace4..3e30010a8b6 100644
--- a/polaris-react/src/components/Checkbox/Checkbox.stories.tsx
+++ b/polaris-react/src/components/Checkbox/Checkbox.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import { useCallback, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {Checkbox} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/Checkbox/Checkbox.tsx b/polaris-react/src/components/Checkbox/Checkbox.tsx
index 9536074a7d6..5cc8f7b35e3 100644
--- a/polaris-react/src/components/Checkbox/Checkbox.tsx
+++ b/polaris-react/src/components/Checkbox/Checkbox.tsx
@@ -1,14 +1,14 @@
-import React, {
+import {
   forwardRef,
   useRef,
   useImperativeHandle,
   useContext,
+  useId,
 } from 'react';
 import {MinusMinor, TickSmallMinor} from '@shopify/polaris-icons';
 
 import {classNames} from '../../utilities/css';
 import {useToggle} from '../../utilities/use-toggle';
-import {useUniqueId} from '../../utilities/unique-id';
 import {Choice, helpTextID} from '../Choice';
 import {errorTextID} from '../InlineError';
 import {Icon} from '../Icon';
@@ -69,7 +69,8 @@ export const Checkbox = forwardRef<CheckboxHandles, CheckboxProps>(
     ref,
   ) {
     const inputNode = useRef<HTMLInputElement>(null);
-    const id = useUniqueId('Checkbox', idProp);
+    const uniqId = useId();
+    const id = idProp ?? uniqId;
     const {
       value: mouseOver,
       setTrue: handleMouseOver,
diff --git a/polaris-react/src/components/Checkbox/tests/Checkbox.test.tsx b/polaris-react/src/components/Checkbox/tests/Checkbox.test.tsx
index 2b4f9e25fd7..3d36ee5fee8 100644
--- a/polaris-react/src/components/Checkbox/tests/Checkbox.test.tsx
+++ b/polaris-react/src/components/Checkbox/tests/Checkbox.test.tsx
@@ -1,4 +1,4 @@
-import React, {AllHTMLAttributes} from 'react';
+import { AllHTMLAttributes } from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Checkbox} from '../Checkbox';
@@ -102,7 +102,7 @@ describe('<Checkbox />', () => {
       const element = mountWithApp(<Checkbox label="Checkbox" />);
 
       expect(element).toContainReactComponent('input', {
-        id: 'PolarisCheckbox1',
+        id: ':r8:',
       });
     });
   });
@@ -138,7 +138,7 @@ describe('<Checkbox />', () => {
       );
 
       expect(checkbox).toContainReactComponent('input', {
-        'aria-describedby': 'PolarisCheckbox1HelpText',
+        'aria-describedby': ':rc:HelpText',
       });
 
       expect(checkbox.find('div')).toContainReactText('Some help');
@@ -168,7 +168,7 @@ describe('<Checkbox />', () => {
       );
 
       expect(checkbox).toContainReactComponent('input', {
-        'aria-describedby': 'PolarisCheckbox1Error',
+        'aria-describedby': ':re:Error',
       });
 
       expect(checkbox.find('div')).toContainReactText('Some error');
@@ -188,7 +188,7 @@ describe('<Checkbox />', () => {
       );
 
       expect(checkbox).toContainReactComponent('input', {
-        'aria-describedby': 'PolarisCheckbox1Error PolarisCheckbox1HelpText',
+        'aria-describedby': ':rg:Error :rg:HelpText',
       });
       expect(checkbox.find('div')).toContainReactText('Some error');
       expect(checkbox.find('div')).toContainReactText('Some help');
diff --git a/polaris-react/src/components/Choice/Choice.tsx b/polaris-react/src/components/Choice/Choice.tsx
index 86a0314f534..cde35dfdb69 100644
--- a/polaris-react/src/components/Choice/Choice.tsx
+++ b/polaris-react/src/components/Choice/Choice.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {classNames} from '../../utilities/css';
 import type {Error} from '../../types';
 import {InlineError} from '../InlineError';
diff --git a/polaris-react/src/components/Choice/tests/Choice.test.tsx b/polaris-react/src/components/Choice/tests/Choice.test.tsx
index 5c108f0e9d7..dcc7853acd9 100644
--- a/polaris-react/src/components/Choice/tests/Choice.test.tsx
+++ b/polaris-react/src/components/Choice/tests/Choice.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {InlineError} from '../../InlineError';
diff --git a/polaris-react/src/components/ChoiceList/ChoiceList.stories.tsx b/polaris-react/src/components/ChoiceList/ChoiceList.stories.tsx
index 4b191f6bc2a..2f47d460925 100644
--- a/polaris-react/src/components/ChoiceList/ChoiceList.stories.tsx
+++ b/polaris-react/src/components/ChoiceList/ChoiceList.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import { useCallback, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {ChoiceList, TextField} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/ChoiceList/ChoiceList.tsx b/polaris-react/src/components/ChoiceList/ChoiceList.tsx
index 2ef38e364a5..8b29e22301b 100644
--- a/polaris-react/src/components/ChoiceList/ChoiceList.tsx
+++ b/polaris-react/src/components/ChoiceList/ChoiceList.tsx
@@ -1,11 +1,10 @@
-import React from 'react';
+import {useId} from 'react';
 
-import {useUniqueId} from '../../utilities/unique-id';
 import type {Error} from '../../types';
 import {Checkbox} from '../Checkbox';
 import {RadioButton} from '../RadioButton';
 import {InlineError, errorTextID} from '../InlineError';
-import {AlphaStack} from '../AlphaStack';
+import {Stack} from '../Stack';
 import {Box} from '../Box';
 import {Bleed} from '../Bleed';
 
@@ -64,7 +63,8 @@ export function ChoiceList({
   // see https://github.com/Microsoft/TypeScript/issues/28768
   const ControlComponent: any = allowMultiple ? Checkbox : RadioButton;
 
-  const name = useUniqueId('ChoiceList', nameProp);
+  const uniqName = useId();
+  const name = nameProp ?? uniqName;
   const finalName = allowMultiple ? `${name}[]` : name;
 
   const titleMarkup = title ? (
@@ -132,18 +132,18 @@ export function ChoiceList({
   );
 
   return (
-    <AlphaStack
+    <Stack
       as="fieldset"
       gap={{xs: '4', md: '0'}}
       aria-invalid={error != null}
       id={finalName}
     >
       {titleMarkup}
-      <AlphaStack as="ul" gap={{xs: '4', md: '0'}}>
+      <Stack as="ul" gap={{xs: '4', md: '0'}}>
         {choicesMarkup}
-      </AlphaStack>
+      </Stack>
       {errorMarkup}
-    </AlphaStack>
+    </Stack>
   );
 }
 
diff --git a/polaris-react/src/components/ChoiceList/tests/ChoiceList.test.tsx b/polaris-react/src/components/ChoiceList/tests/ChoiceList.test.tsx
index e7871884cfc..617eab31528 100644
--- a/polaris-react/src/components/ChoiceList/tests/ChoiceList.test.tsx
+++ b/polaris-react/src/components/ChoiceList/tests/ChoiceList.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Bleed} from '../../Bleed';
diff --git a/polaris-react/src/components/Collapsible/Collapsible.stories.tsx b/polaris-react/src/components/Collapsible/Collapsible.stories.tsx
index c63358f351e..3c538999ccf 100644
--- a/polaris-react/src/components/Collapsible/Collapsible.stories.tsx
+++ b/polaris-react/src/components/Collapsible/Collapsible.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import { useCallback, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {
   Button,
diff --git a/polaris-react/src/components/Collapsible/Collapsible.tsx b/polaris-react/src/components/Collapsible/Collapsible.tsx
index b08acbab7ef..5f31340922d 100644
--- a/polaris-react/src/components/Collapsible/Collapsible.tsx
+++ b/polaris-react/src/components/Collapsible/Collapsible.tsx
@@ -1,4 +1,4 @@
-import React, {useState, useRef, useEffect, useCallback} from 'react';
+import {useState, useRef, useEffect, useCallback} from 'react';
 
 import {classNames} from '../../utilities/css';
 
@@ -22,8 +22,6 @@ export interface CollapsibleProps {
    * @default transition={{duration: 'var(--p-duration-150)', timingFunction: 'var(--p-ease-in-out)'}}
    */
   transition?: boolean | Transition;
-  /** @deprecated Re-measuring is no longer necessary on children update **/
-  preventMeasuringOnChildrenUpdate?: boolean;
   /** Callback when the animation completes. */
   onAnimationEnd?(): void;
   /** The content to display inside the collapsible. */
@@ -37,7 +35,6 @@ export function Collapsible({
   expandOnPrint,
   open,
   transition = true,
-  preventMeasuringOnChildrenUpdate: _preventMeasuringOnChildrenUpdate,
   children,
   onAnimationEnd,
 }: CollapsibleProps) {
diff --git a/polaris-react/src/components/Collapsible/tests/Collapsible.test.tsx b/polaris-react/src/components/Collapsible/tests/Collapsible.test.tsx
index 5f721b3878b..37cf392a86d 100644
--- a/polaris-react/src/components/Collapsible/tests/Collapsible.test.tsx
+++ b/polaris-react/src/components/Collapsible/tests/Collapsible.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {CustomRoot, mountWithApp} from 'tests/utilities';
 
 import type {WithPolarisTestProviderOptions} from '../../PolarisTestProvider';
diff --git a/polaris-react/src/components/ColorPicker/ColorPicker.stories.tsx b/polaris-react/src/components/ColorPicker/ColorPicker.stories.tsx
index 237fc4cbf54..9bb2fedd6ef 100644
--- a/polaris-react/src/components/ColorPicker/ColorPicker.stories.tsx
+++ b/polaris-react/src/components/ColorPicker/ColorPicker.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useEffect, useState} from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {
   ColorPicker,
diff --git a/polaris-react/src/components/ColorPicker/ColorPicker.tsx b/polaris-react/src/components/ColorPicker/ColorPicker.tsx
index 91f279e3c4d..68caabd913b 100644
--- a/polaris-react/src/components/ColorPicker/ColorPicker.tsx
+++ b/polaris-react/src/components/ColorPicker/ColorPicker.tsx
@@ -1,4 +1,4 @@
-import React, {PureComponent} from 'react';
+import {PureComponent} from 'react';
 
 import {debounce} from '../../utilities/debounce';
 import {clamp} from '../../utilities/clamp';
diff --git a/polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx b/polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx
index d5a5913a940..41e8e5f2a7f 100644
--- a/polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx
+++ b/polaris-react/src/components/ColorPicker/components/AlphaPicker/AlphaPicker.tsx
@@ -1,4 +1,4 @@
-import React, {PureComponent} from 'react';
+import { PureComponent } from 'react';
 
 import {Slidable, SlidableProps} from '../Slidable';
 import type {HSBColor} from '../../../../utilities/color-types';
diff --git a/polaris-react/src/components/ColorPicker/components/AlphaPicker/tests/AlphaPicker.test.tsx b/polaris-react/src/components/ColorPicker/components/AlphaPicker/tests/AlphaPicker.test.tsx
index b1ae4399efb..00df9c5502f 100644
--- a/polaris-react/src/components/ColorPicker/components/AlphaPicker/tests/AlphaPicker.test.tsx
+++ b/polaris-react/src/components/ColorPicker/components/AlphaPicker/tests/AlphaPicker.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {calculateDraggerY, alphaForDraggerY} from '../utilities';
diff --git a/polaris-react/src/components/ColorPicker/components/HuePicker/HuePicker.tsx b/polaris-react/src/components/ColorPicker/components/HuePicker/HuePicker.tsx
index 042b77951ca..dd7a3aba7ce 100644
--- a/polaris-react/src/components/ColorPicker/components/HuePicker/HuePicker.tsx
+++ b/polaris-react/src/components/ColorPicker/components/HuePicker/HuePicker.tsx
@@ -1,4 +1,4 @@
-import React, {PureComponent} from 'react';
+import { PureComponent } from 'react';
 
 import {Slidable, SlidableProps} from '../Slidable';
 import styles from '../../ColorPicker.scss';
diff --git a/polaris-react/src/components/ColorPicker/components/HuePicker/tests/HuePicker.test.tsx b/polaris-react/src/components/ColorPicker/components/HuePicker/tests/HuePicker.test.tsx
index 029c02de628..b64a8142e09 100644
--- a/polaris-react/src/components/ColorPicker/components/HuePicker/tests/HuePicker.test.tsx
+++ b/polaris-react/src/components/ColorPicker/components/HuePicker/tests/HuePicker.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {calculateDraggerY, hueForDraggerY} from '../utilities';
diff --git a/polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx b/polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx
index 9ded15e08ea..95db869d318 100644
--- a/polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx
+++ b/polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx
@@ -1,4 +1,4 @@
-import React, {PureComponent} from 'react';
+import {PureComponent} from 'react';
 
 import {isServer} from '../../../../utilities/target';
 // eslint-disable-next-line import/no-deprecated
diff --git a/polaris-react/src/components/ColorPicker/components/Slidable/tests/Slidable.test.tsx b/polaris-react/src/components/ColorPicker/components/Slidable/tests/Slidable.test.tsx
index 190772355cb..a24ea71d83f 100644
--- a/polaris-react/src/components/ColorPicker/components/Slidable/tests/Slidable.test.tsx
+++ b/polaris-react/src/components/ColorPicker/components/Slidable/tests/Slidable.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Slidable} from '../Slidable';
diff --git a/polaris-react/src/components/ColorPicker/tests/ColorPicker-ssr.test.tsx b/polaris-react/src/components/ColorPicker/tests/ColorPicker-ssr.test.tsx
index 8c4ccd5658b..8770932862b 100644
--- a/polaris-react/src/components/ColorPicker/tests/ColorPicker-ssr.test.tsx
+++ b/polaris-react/src/components/ColorPicker/tests/ColorPicker-ssr.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Slidable} from '../components';
diff --git a/polaris-react/src/components/ColorPicker/tests/ColorPicker.test.tsx b/polaris-react/src/components/ColorPicker/tests/ColorPicker.test.tsx
index 5040d2847ad..57a090e0dc1 100644
--- a/polaris-react/src/components/ColorPicker/tests/ColorPicker.test.tsx
+++ b/polaris-react/src/components/ColorPicker/tests/ColorPicker.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 // eslint-disable-next-line import/no-deprecated
diff --git a/polaris-react/src/components/Columns/Columns.stories.tsx b/polaris-react/src/components/Columns/Columns.stories.tsx
index 1cf12c3880c..fc842743ca3 100644
--- a/polaris-react/src/components/Columns/Columns.stories.tsx
+++ b/polaris-react/src/components/Columns/Columns.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {Button, Columns, Page} from '@shopify/polaris';
 import {ChevronLeftMinor, ChevronRightMinor} from '@shopify/polaris-icons';
diff --git a/polaris-react/src/components/Columns/Columns.tsx b/polaris-react/src/components/Columns/Columns.tsx
index 51e71e574d2..cb99f6274f7 100644
--- a/polaris-react/src/components/Columns/Columns.tsx
+++ b/polaris-react/src/components/Columns/Columns.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {SpacingSpaceScale} from '@shopify/polaris-tokens';
 
 import {
diff --git a/polaris-react/src/components/Columns/tests/Columns.test.tsx b/polaris-react/src/components/Columns/tests/Columns.test.tsx
index e6def4795f7..b6e96a5bd31 100644
--- a/polaris-react/src/components/Columns/tests/Columns.test.tsx
+++ b/polaris-react/src/components/Columns/tests/Columns.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Columns} from '..';
diff --git a/polaris-react/src/components/Combobox/Combobox.stories.tsx b/polaris-react/src/components/Combobox/Combobox.stories.tsx
index 8ad74a0c6e5..2c969767a34 100644
--- a/polaris-react/src/components/Combobox/Combobox.stories.tsx
+++ b/polaris-react/src/components/Combobox/Combobox.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useMemo, useState} from 'react';
+import { useCallback, useMemo, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {
   Combobox,
diff --git a/polaris-react/src/components/Combobox/Combobox.tsx b/polaris-react/src/components/Combobox/Combobox.tsx
index 7fc82ae142e..68f5a322629 100644
--- a/polaris-react/src/components/Combobox/Combobox.tsx
+++ b/polaris-react/src/components/Combobox/Combobox.tsx
@@ -1,4 +1,4 @@
-import React, {useState, useCallback, useMemo, Children, useRef} from 'react';
+import {useState, useCallback, useMemo, Children, useRef} from 'react';
 
 import {Popover, PopoverPublicAPI} from '../Popover';
 import type {PopoverProps} from '../Popover';
diff --git a/polaris-react/src/components/Combobox/components/TextField/TextField.tsx b/polaris-react/src/components/Combobox/components/TextField/TextField.tsx
index 894a948c58c..f2f3232e559 100644
--- a/polaris-react/src/components/Combobox/components/TextField/TextField.tsx
+++ b/polaris-react/src/components/Combobox/components/TextField/TextField.tsx
@@ -1,7 +1,6 @@
-import React, {useMemo, useCallback, useEffect} from 'react';
+import {useMemo, useId, useCallback, useEffect} from 'react';
 
 import {labelID} from '../../../Label';
-import {useUniqueId} from '../../../../utilities/unique-id';
 import {TextField as PolarisTextField} from '../../../TextField';
 import type {TextFieldProps} from '../../../TextField';
 import {useComboboxTextField} from '../../../../utilities/combobox';
@@ -29,7 +28,7 @@ export function TextField({
     onTextFieldBlur,
   } = comboboxTextFieldContext;
 
-  const uniqueId = useUniqueId('ComboboxTextField');
+  const uniqueId = useId();
   const textFieldId = useMemo(() => idProp || uniqueId, [uniqueId, idProp]);
 
   const labelId = useMemo(
diff --git a/polaris-react/src/components/Combobox/components/TextField/tests/TextField.test.tsx b/polaris-react/src/components/Combobox/components/TextField/tests/TextField.test.tsx
index 4b3cd1dff56..d088de02956 100644
--- a/polaris-react/src/components/Combobox/components/TextField/tests/TextField.test.tsx
+++ b/polaris-react/src/components/Combobox/components/TextField/tests/TextField.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {TextField as PolarisTextField} from '../../../../TextField';
diff --git a/polaris-react/src/components/Combobox/tests/Combobox.test.tsx b/polaris-react/src/components/Combobox/tests/Combobox.test.tsx
index 5e5c643b695..e2c0e2cf34a 100644
--- a/polaris-react/src/components/Combobox/tests/Combobox.test.tsx
+++ b/polaris-react/src/components/Combobox/tests/Combobox.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {TextField} from '../../TextField';
diff --git a/polaris-react/src/components/Connected/Connected.tsx b/polaris-react/src/components/Connected/Connected.tsx
index 918fcaacce1..4aefeba13d6 100644
--- a/polaris-react/src/components/Connected/Connected.tsx
+++ b/polaris-react/src/components/Connected/Connected.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {Item} from './components';
 import styles from './Connected.scss';
 
diff --git a/polaris-react/src/components/Connected/components/Item/Item.tsx b/polaris-react/src/components/Connected/components/Item/Item.tsx
index 109dd70cd18..2fffb781d43 100644
--- a/polaris-react/src/components/Connected/components/Item/Item.tsx
+++ b/polaris-react/src/components/Connected/components/Item/Item.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {classNames} from '../../../../utilities/css';
 import {useToggle} from '../../../../utilities/use-toggle';
 import styles from '../../Connected.scss';
diff --git a/polaris-react/src/components/Connected/tests/Connected.test.tsx b/polaris-react/src/components/Connected/tests/Connected.test.tsx
index 61689cd4b60..a3957210ac0 100644
--- a/polaris-react/src/components/Connected/tests/Connected.test.tsx
+++ b/polaris-react/src/components/Connected/tests/Connected.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Connected} from '../Connected';
diff --git a/polaris-react/src/components/ContextualSaveBar/ContextualSaveBar.stories.tsx b/polaris-react/src/components/ContextualSaveBar/ContextualSaveBar.stories.tsx
index d42e8f5a927..235994a05d4 100644
--- a/polaris-react/src/components/ContextualSaveBar/ContextualSaveBar.stories.tsx
+++ b/polaris-react/src/components/ContextualSaveBar/ContextualSaveBar.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {ContextualSaveBar, Frame} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/ContextualSaveBar/tests/ContextualSaveBar.test.tsx b/polaris-react/src/components/ContextualSaveBar/tests/ContextualSaveBar.test.tsx
index d2eb83563b9..e6ba5df26ce 100644
--- a/polaris-react/src/components/ContextualSaveBar/tests/ContextualSaveBar.test.tsx
+++ b/polaris-react/src/components/ContextualSaveBar/tests/ContextualSaveBar.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mount, mountWithApp} from 'tests/utilities';
 
 import {ContextualSaveBar} from '../ContextualSaveBar';
diff --git a/polaris-react/src/components/DataTable/DataTable.stories.tsx b/polaris-react/src/components/DataTable/DataTable.stories.tsx
index 0f0558d20cf..257338b1b02 100644
--- a/polaris-react/src/components/DataTable/DataTable.stories.tsx
+++ b/polaris-react/src/components/DataTable/DataTable.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import { useCallback, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {LegacyCard, DataTable, Link, Page} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/DataTable/DataTable.tsx b/polaris-react/src/components/DataTable/DataTable.tsx
index ba3689bb8ad..ea5dab79032 100644
--- a/polaris-react/src/components/DataTable/DataTable.tsx
+++ b/polaris-react/src/components/DataTable/DataTable.tsx
@@ -1,9 +1,4 @@
-import React, {
-  PureComponent,
-  createRef,
-  ReactNode,
-  FocusEventHandler,
-} from 'react';
+import {PureComponent, createRef, ReactNode, FocusEventHandler} from 'react';
 import isEqual from 'react-fast-compare';
 
 import {debounce} from '../../utilities/debounce';
diff --git a/polaris-react/src/components/DataTable/components/Cell/Cell.tsx b/polaris-react/src/components/DataTable/components/Cell/Cell.tsx
index 31c615ab8c2..45bdf8024fe 100644
--- a/polaris-react/src/components/DataTable/components/Cell/Cell.tsx
+++ b/polaris-react/src/components/DataTable/components/Cell/Cell.tsx
@@ -1,4 +1,4 @@
-import React, {FocusEventHandler, useRef} from 'react';
+import {FocusEventHandler, useRef} from 'react';
 import {SortAscendingMajor, SortDescendingMajor} from '@shopify/polaris-icons';
 
 import {classNames, variationName} from '../../../../utilities/css';
diff --git a/polaris-react/src/components/DataTable/components/Cell/tests/Cell.test.tsx b/polaris-react/src/components/DataTable/components/Cell/tests/Cell.test.tsx
index 87d12c9e4f3..445b535a441 100644
--- a/polaris-react/src/components/DataTable/components/Cell/tests/Cell.test.tsx
+++ b/polaris-react/src/components/DataTable/components/Cell/tests/Cell.test.tsx
@@ -1,4 +1,4 @@
-import React, {ReactElement} from 'react';
+import { ReactElement } from 'react';
 import {SortAscendingMajor, SortDescendingMajor} from '@shopify/polaris-icons';
 import {mountWithApp} from 'tests/utilities';
 
diff --git a/polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx b/polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx
index 29d07f1541c..1d93e6ee6e5 100644
--- a/polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx
+++ b/polaris-react/src/components/DataTable/components/Navigation/Navigation.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {ChevronLeftMinor, ChevronRightMinor} from '@shopify/polaris-icons';
 
 import {classNames} from '../../../../utilities/css';
diff --git a/polaris-react/src/components/DataTable/components/Navigation/tests/Navigation.test.tsx b/polaris-react/src/components/DataTable/components/Navigation/tests/Navigation.test.tsx
index 0b40e61f6d4..e21cf51691f 100644
--- a/polaris-react/src/components/DataTable/components/Navigation/tests/Navigation.test.tsx
+++ b/polaris-react/src/components/DataTable/components/Navigation/tests/Navigation.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Button} from '../../../../Button';
diff --git a/polaris-react/src/components/DataTable/tests/DataTable.test.tsx b/polaris-react/src/components/DataTable/tests/DataTable.test.tsx
index 56429d38546..69c243cab59 100644
--- a/polaris-react/src/components/DataTable/tests/DataTable.test.tsx
+++ b/polaris-react/src/components/DataTable/tests/DataTable.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {timer} from '@shopify/jest-dom-mocks';
 import {mountWithApp} from 'tests/utilities';
 
diff --git a/polaris-react/src/components/DatePicker/DatePicker.stories.tsx b/polaris-react/src/components/DatePicker/DatePicker.stories.tsx
index 9a28d0ab406..ee873f93bed 100644
--- a/polaris-react/src/components/DatePicker/DatePicker.stories.tsx
+++ b/polaris-react/src/components/DatePicker/DatePicker.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import { useCallback, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {DatePicker} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/DatePicker/DatePicker.tsx b/polaris-react/src/components/DatePicker/DatePicker.tsx
index d1486ad2e2c..09b73ef99ca 100644
--- a/polaris-react/src/components/DatePicker/DatePicker.tsx
+++ b/polaris-react/src/components/DatePicker/DatePicker.tsx
@@ -1,4 +1,4 @@
-import React, {useState, useEffect, useCallback, useMemo} from 'react';
+import {useState, useEffect, useCallback, useMemo} from 'react';
 import {ArrowLeftMinor, ArrowRightMinor} from '@shopify/polaris-icons';
 
 import {Button} from '../Button';
diff --git a/polaris-react/src/components/DatePicker/components/Day/Day.tsx b/polaris-react/src/components/DatePicker/components/Day/Day.tsx
index 9061ccbff7d..f22e93db745 100644
--- a/polaris-react/src/components/DatePicker/components/Day/Day.tsx
+++ b/polaris-react/src/components/DatePicker/components/Day/Day.tsx
@@ -1,4 +1,4 @@
-import React, {useRef, useEffect, memo} from 'react';
+import { useRef, useEffect, memo } from 'react';
 
 import {classNames} from '../../../../utilities/css';
 import {isSameDay} from '../../../../utilities/dates';
diff --git a/polaris-react/src/components/DatePicker/components/Day/tests/Day.test.tsx b/polaris-react/src/components/DatePicker/components/Day/tests/Day.test.tsx
index 3099a5b0a61..6b99960287f 100644
--- a/polaris-react/src/components/DatePicker/components/Day/tests/Day.test.tsx
+++ b/polaris-react/src/components/DatePicker/components/Day/tests/Day.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Day} from '../Day';
diff --git a/polaris-react/src/components/DatePicker/components/Month/Month.tsx b/polaris-react/src/components/DatePicker/components/Month/Month.tsx
index 407dea48e7d..362a629acb6 100644
--- a/polaris-react/src/components/DatePicker/components/Month/Month.tsx
+++ b/polaris-react/src/components/DatePicker/components/Month/Month.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useMemo} from 'react';
+import { useCallback, useMemo } from 'react';
 
 import {classNames} from '../../../../utilities/css';
 import {
diff --git a/polaris-react/src/components/DatePicker/components/Month/tests/Month.test.tsx b/polaris-react/src/components/DatePicker/components/Month/tests/Month.test.tsx
index 4ac7f00ded9..bcdce98a8e3 100644
--- a/polaris-react/src/components/DatePicker/components/Month/tests/Month.test.tsx
+++ b/polaris-react/src/components/DatePicker/components/Month/tests/Month.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Weekday} from '../../Weekday';
diff --git a/polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx b/polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx
index 0002de28076..714d0e3e1e3 100644
--- a/polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx
+++ b/polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx
@@ -1,4 +1,4 @@
-import React, {memo} from 'react';
+import { memo } from 'react';
 
 import {classNames} from '../../../../utilities/css';
 import styles from '../../DatePicker.scss';
diff --git a/polaris-react/src/components/DatePicker/components/Weekday/tests/Weekday.test.tsx b/polaris-react/src/components/DatePicker/components/Weekday/tests/Weekday.test.tsx
index e5eff4d3639..3cb6ddb8d48 100644
--- a/polaris-react/src/components/DatePicker/components/Weekday/tests/Weekday.test.tsx
+++ b/polaris-react/src/components/DatePicker/components/Weekday/tests/Weekday.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Weekday} from '../Weekday';
diff --git a/polaris-react/src/components/DatePicker/tests/DatePicker.test.tsx b/polaris-react/src/components/DatePicker/tests/DatePicker.test.tsx
index 0405ffcd878..313c9be9fea 100644
--- a/polaris-react/src/components/DatePicker/tests/DatePicker.test.tsx
+++ b/polaris-react/src/components/DatePicker/tests/DatePicker.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Day, Month, Weekday} from '../components';
diff --git a/polaris-react/src/components/DescriptionList/DescriptionList.stories.tsx b/polaris-react/src/components/DescriptionList/DescriptionList.stories.tsx
index 9cbb393acd7..f8649ef631e 100644
--- a/polaris-react/src/components/DescriptionList/DescriptionList.stories.tsx
+++ b/polaris-react/src/components/DescriptionList/DescriptionList.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {DescriptionList} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/DescriptionList/DescriptionList.tsx b/polaris-react/src/components/DescriptionList/DescriptionList.tsx
index 22870c626ba..d484af793af 100644
--- a/polaris-react/src/components/DescriptionList/DescriptionList.tsx
+++ b/polaris-react/src/components/DescriptionList/DescriptionList.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {classNames} from '../../utilities/css';
 import {Text} from '../Text';
 
diff --git a/polaris-react/src/components/DescriptionList/tests/DescriptionList.test.tsx b/polaris-react/src/components/DescriptionList/tests/DescriptionList.test.tsx
index d28502a3178..7526dff6af7 100644
--- a/polaris-react/src/components/DescriptionList/tests/DescriptionList.test.tsx
+++ b/polaris-react/src/components/DescriptionList/tests/DescriptionList.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {DescriptionList} from '../DescriptionList';
diff --git a/polaris-react/src/components/DisplayText/DisplayText.scss b/polaris-react/src/components/DisplayText/DisplayText.scss
deleted file mode 100644
index e8326617cb7..00000000000
--- a/polaris-react/src/components/DisplayText/DisplayText.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-@import '../../styles/common';
-
-.DisplayText {
-  margin: 0;
-}
-
-.sizeSmall {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  @include text-style-display-small;
-}
-
-.sizeMedium {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  @include text-style-display-medium;
-}
-
-.sizeLarge {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  @include text-style-display-large;
-}
-
-.sizeExtraLarge {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  @include text-style-display-x-large;
-}
diff --git a/polaris-react/src/components/DisplayText/DisplayText.stories.tsx b/polaris-react/src/components/DisplayText/DisplayText.stories.tsx
deleted file mode 100644
index c8d7b767587..00000000000
--- a/polaris-react/src/components/DisplayText/DisplayText.stories.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import React from 'react';
-import type {ComponentMeta} from '@storybook/react';
-import {DisplayText} from '@shopify/polaris';
-
-export default {
-  component: DisplayText,
-} as ComponentMeta<typeof DisplayText>;
-
-export function ExtraLarge() {
-  return <DisplayText size="extraLarge">Good evening, Dominic.</DisplayText>;
-}
-
-export function Large() {
-  return <DisplayText size="large">Good evening, Dominic.</DisplayText>;
-}
-
-export function Medium() {
-  return <DisplayText size="medium">Good evening, Dominic.</DisplayText>;
-}
-
-export function Small() {
-  return <DisplayText size="small">Good evening, Dominic.</DisplayText>;
-}
diff --git a/polaris-react/src/components/DisplayText/DisplayText.tsx b/polaris-react/src/components/DisplayText/DisplayText.tsx
deleted file mode 100644
index f0b96464b83..00000000000
--- a/polaris-react/src/components/DisplayText/DisplayText.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import React from 'react';
-
-import {classNames, variationName} from '../../utilities/css';
-import type {HeadingTagName} from '../../types';
-
-import styles from './DisplayText.scss';
-
-type Size = 'small' | 'medium' | 'large' | 'extraLarge';
-
-export interface DisplayTextProps {
-  /**
-   * Name of element to use for text
-   * @default 'p'
-   */
-  element?: HeadingTagName;
-  /**
-   * Size of the text
-   * @default 'medium'
-   */
-  size?: Size;
-  /** Content to display */
-  children?: React.ReactNode;
-}
-
-/**
- * @deprecated The DisplayText component will be removed in the next
- * major version. Use the Text component instead. See the
- * Polaris component guide on how to use Text.
- *
- * https://polaris.shopify.com/components/text
- */
-export function DisplayText({
-  element: Element = 'p',
-  children,
-  size = 'medium',
-}: DisplayTextProps) {
-  const className = classNames(
-    styles.DisplayText,
-    size && styles[variationName('size', size)],
-  );
-
-  return <Element className={className}>{children}</Element>;
-}
diff --git a/polaris-react/src/components/DisplayText/index.ts b/polaris-react/src/components/DisplayText/index.ts
deleted file mode 100644
index 1688b1c39f6..00000000000
--- a/polaris-react/src/components/DisplayText/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './DisplayText';
diff --git a/polaris-react/src/components/DisplayText/tests/DisplayText.test.tsx b/polaris-react/src/components/DisplayText/tests/DisplayText.test.tsx
deleted file mode 100644
index e1fc5169c88..00000000000
--- a/polaris-react/src/components/DisplayText/tests/DisplayText.test.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import React from 'react';
-import {mountWithApp} from 'tests/utilities';
-
-// eslint-disable-next-line import/no-deprecated
-import {DisplayText} from '../DisplayText';
-
-describe('<DisplayText />', () => {
-  it('renders its children', () => {
-    const text = 'Important text.';
-    const displayText = mountWithApp(
-      <DisplayText size="small" element="h1">
-        {text}
-      </DisplayText>,
-    );
-    expect(displayText).toContainReactText(text);
-  });
-
-  it('renders the specified element', () => {
-    const displayText = mountWithApp(
-      <DisplayText size="extraLarge" element="h1">
-        Important text.
-      </DisplayText>,
-    );
-    expect(displayText).toContainReactComponentTimes('h1', 1);
-  });
-
-  it('renders a p element if not specified', () => {
-    const displayText = mountWithApp(
-      <DisplayText size="extraLarge">Important text.</DisplayText>,
-    );
-
-    expect(displayText).toContainReactComponentTimes('p', 1);
-  });
-});
diff --git a/polaris-react/src/components/Divider/Divider.stories.tsx b/polaris-react/src/components/Divider/Divider.stories.tsx
index ba02ba42b65..873da58993f 100644
--- a/polaris-react/src/components/Divider/Divider.stories.tsx
+++ b/polaris-react/src/components/Divider/Divider.stories.tsx
@@ -1,6 +1,5 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
-import {AlphaStack, Divider, Text} from '@shopify/polaris';
+import {Stack, Divider, Text} from '@shopify/polaris';
 
 export default {
   component: Divider,
@@ -12,7 +11,7 @@ export function Default() {
 
 export function WithBorderStyles() {
   return (
-    <AlphaStack gap="5">
+    <Stack gap="5">
       <Text as="h1" variant="headingXs">
         Base
       </Text>
@@ -33,6 +32,6 @@ export function WithBorderStyles() {
         Transparent
       </Text>
       <Divider borderStyle="transparent" />
-    </AlphaStack>
+    </Stack>
   );
 }
diff --git a/polaris-react/src/components/Divider/Divider.tsx b/polaris-react/src/components/Divider/Divider.tsx
index 9f25fb81fbb..9f74879f5c9 100644
--- a/polaris-react/src/components/Divider/Divider.tsx
+++ b/polaris-react/src/components/Divider/Divider.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import styles from './Divider.scss';
 
 export type BorderTokenAlias =
diff --git a/polaris-react/src/components/Divider/tests/Divider.test.tsx b/polaris-react/src/components/Divider/tests/Divider.test.tsx
index 75d05fe49ea..0deb11b1375 100644
--- a/polaris-react/src/components/Divider/tests/Divider.test.tsx
+++ b/polaris-react/src/components/Divider/tests/Divider.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Divider} from '../Divider';
diff --git a/polaris-react/src/components/DropZone/DropZone.stories.tsx b/polaris-react/src/components/DropZone/DropZone.stories.tsx
index dca88c81107..e34a10cb1d9 100644
--- a/polaris-react/src/components/DropZone/DropZone.stories.tsx
+++ b/polaris-react/src/components/DropZone/DropZone.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import { useCallback, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {
   Banner,
@@ -7,7 +7,7 @@ import {
   DropZone,
   List,
   Page,
-  AlphaStack,
+  Stack,
   Thumbnail,
   Inline,
 } from '@shopify/polaris';
@@ -31,7 +31,7 @@ export function Default() {
   const fileUpload = !files.length && <DropZone.FileUpload />;
   const uploadedFiles = files.length > 0 && (
     <div style={{padding: '0'}}>
-      <AlphaStack gap="4">
+      <Stack gap="4">
         {files.map((file, index) => (
           <Inline gap="4" align="center" key={index}>
             <Thumbnail
@@ -39,8 +39,7 @@ export function Default() {
               alt={file.name}
               source={
                 validImageTypes.includes(file.type)
-                  ? // eslint-disable-next-line node/no-unsupported-features/node-builtins
-                    window.URL.createObjectURL(file)
+                  ? window.URL.createObjectURL(file)
                   : NoteMinor
               }
             />
@@ -52,7 +51,7 @@ export function Default() {
             </div>
           </Inline>
         ))}
-      </AlphaStack>
+      </Stack>
     </div>
   );
 
@@ -87,13 +86,12 @@ export function WithImageFileUpload() {
 
   const fileUpload = !files.length && <DropZone.FileUpload />;
   const uploadedFiles = files.length > 0 && (
-    <AlphaStack gap="4">
+    <Stack gap="4">
       {files.map((file, index) => (
         <Inline gap="4" align="center" key={index}>
           <Thumbnail
             size="small"
             alt={file.name}
-            // eslint-disable-next-line node/no-unsupported-features/node-builtins
             source={window.URL.createObjectURL(file)}
           />
           <div>
@@ -104,7 +102,7 @@ export function WithImageFileUpload() {
           </div>
         </Inline>
       ))}
-    </AlphaStack>
+    </Stack>
   );
 
   const errorMessage = hasError && (
@@ -123,13 +121,13 @@ export function WithImageFileUpload() {
   );
 
   return (
-    <AlphaStack gap="4">
+    <Stack gap="4">
       {errorMessage}
       <DropZone accept="image/*" type="image" onDrop={handleDrop}>
         {uploadedFiles}
         {fileUpload}
       </DropZone>
-    </AlphaStack>
+    </Stack>
   );
 }
 
@@ -152,8 +150,7 @@ export function WithSingleFileUpload() {
         alt={file.name}
         source={
           validImageTypes.includes(file.type)
-            ? // eslint-disable-next-line node/no-unsupported-features/node-builtins
-              window.URL.createObjectURL(file)
+            ? window.URL.createObjectURL(file)
             : NoteMinor
         }
       />
@@ -186,7 +183,7 @@ export function WithDropOnPage() {
   const validImageTypes = ['image/gif', 'image/jpeg', 'image/png'];
 
   const uploadedFiles = files.length > 0 && (
-    <AlphaStack gap="4">
+    <Stack gap="4">
       {files.map((file, index) => (
         <Inline gap="4" align="center" key={index}>
           <Thumbnail
@@ -194,8 +191,7 @@ export function WithDropOnPage() {
             alt={file.name}
             source={
               validImageTypes.includes(file.type)
-                ? // eslint-disable-next-line node/no-unsupported-features/node-builtins
-                  window.URL.createObjectURL(file)
+                ? window.URL.createObjectURL(file)
                 : NoteMinor
             }
           />
@@ -207,14 +203,14 @@ export function WithDropOnPage() {
           </div>
         </Inline>
       ))}
-    </AlphaStack>
+    </Stack>
   );
 
   const uploadMessage = !uploadedFiles && <DropZone.FileUpload />;
 
   return (
     <Page
-      breadcrumbs={[{content: 'Products'}]}
+      backAction={{content: 'Products'}}
       title="Jar With Lock-Lid"
       primaryAction={{content: 'Save', disabled: true}}
       secondaryActions={[
@@ -248,13 +244,12 @@ export function AcceptsOnlySVGFiles() {
   );
 
   const uploadedFiles = files.length > 0 && (
-    <AlphaStack gap="4">
+    <Stack gap="4">
       {files.map((file, index) => (
         <Inline gap="4" align="center" key={index}>
           <Thumbnail
             size="small"
             alt={file.name}
-            // eslint-disable-next-line node/no-unsupported-features/node-builtins
             source={window.URL.createObjectURL(file)}
           />
           <div>
@@ -265,7 +260,7 @@ export function AcceptsOnlySVGFiles() {
           </div>
         </Inline>
       ))}
-    </AlphaStack>
+    </Stack>
   );
 
   const errorMessage = hasError && (
@@ -284,7 +279,7 @@ export function AcceptsOnlySVGFiles() {
   );
 
   return (
-    <AlphaStack gap="4">
+    <Stack gap="4">
       {errorMessage}
       <DropZone
         accept="image/svg+xml"
@@ -294,7 +289,7 @@ export function AcceptsOnlySVGFiles() {
       >
         {uploadedFiles}
       </DropZone>
-    </AlphaStack>
+    </Stack>
   );
 }
 
@@ -311,7 +306,7 @@ export function Nested() {
 
   const fileUpload = !files.length && <DropZone.FileUpload />;
   const uploadedFiles = files.length > 0 && (
-    <AlphaStack gap="4">
+    <Stack gap="4">
       {files.map((file, index) => (
         <Inline gap="4" align="center" key={index}>
           <Thumbnail
@@ -319,8 +314,7 @@ export function Nested() {
             alt={file.name}
             source={
               validImageTypes.includes(file.type)
-                ? // eslint-disable-next-line node/no-unsupported-features/node-builtins
-                  window.URL.createObjectURL(file)
+                ? window.URL.createObjectURL(file)
                 : NoteMinor
             }
           />
@@ -332,7 +326,7 @@ export function Nested() {
           </div>
         </Inline>
       ))}
-    </AlphaStack>
+    </Stack>
   );
 
   return (
@@ -383,7 +377,7 @@ export function WithCustomFileUploadText() {
   );
 
   const uploadedFiles = files.length > 0 && (
-    <AlphaStack gap="4">
+    <Stack gap="4">
       {files.map((file, index) => (
         <Inline gap="4" align="center" key={index}>
           <Thumbnail
@@ -391,8 +385,7 @@ export function WithCustomFileUploadText() {
             alt={file.name}
             source={
               validImageTypes.includes(file.type)
-                ? // eslint-disable-next-line node/no-unsupported-features/node-builtins
-                  window.URL.createObjectURL(file)
+                ? window.URL.createObjectURL(file)
                 : NoteMinor
             }
           />
@@ -404,7 +397,7 @@ export function WithCustomFileUploadText() {
           </div>
         </Inline>
       ))}
-    </AlphaStack>
+    </Stack>
   );
 
   return (
@@ -432,7 +425,7 @@ export function WithCustomFileDialogTrigger() {
   const validImageTypes = ['image/gif', 'image/jpeg', 'image/png'];
 
   const uploadedFiles = files.length > 0 && (
-    <AlphaStack gap="4">
+    <Stack gap="4">
       {files.map((file, index) => (
         <Inline gap="4" align="center" key={index}>
           <Thumbnail
@@ -440,8 +433,7 @@ export function WithCustomFileDialogTrigger() {
             alt={file.name}
             source={
               validImageTypes.includes(file.type)
-                ? // eslint-disable-next-line node/no-unsupported-features/node-builtins
-                  window.URL.createObjectURL(file)
+                ? window.URL.createObjectURL(file)
                 : NoteMinor
             }
           />
@@ -453,7 +445,7 @@ export function WithCustomFileDialogTrigger() {
           </div>
         </Inline>
       ))}
-    </AlphaStack>
+    </Stack>
   );
 
   return (
diff --git a/polaris-react/src/components/DropZone/DropZone.tsx b/polaris-react/src/components/DropZone/DropZone.tsx
index 6cd106663a6..b56a386ca4d 100755
--- a/polaris-react/src/components/DropZone/DropZone.tsx
+++ b/polaris-react/src/components/DropZone/DropZone.tsx
@@ -1,10 +1,11 @@
-import React, {
+import {
   useState,
   useRef,
   useCallback,
   FunctionComponent,
   useMemo,
   useEffect,
+  useId,
 } from 'react';
 import {UploadMajor, CircleAlertMajor} from '@shopify/polaris-icons';
 
@@ -16,10 +17,9 @@ import {Text} from '../Text';
 import {Labelled, LabelledProps} from '../Labelled';
 import {useI18n} from '../../utilities/i18n';
 import {isServer} from '../../utilities/target';
-import {useUniqueId} from '../../utilities/unique-id';
 import {useComponentDidMount} from '../../utilities/use-component-did-mount';
 import {useToggle} from '../../utilities/use-toggle';
-import {AlphaStack} from '../AlphaStack';
+import {Stack} from '../Stack';
 import {useEventListener} from '../../utilities/use-event-listener';
 
 import {FileUpload} from './components';
@@ -299,7 +299,8 @@ export const DropZone: React.FunctionComponent<DropZoneProps> & {
     adjustSize();
   });
 
-  const id = useUniqueId('DropZone', idProp);
+  const uniqId = useId();
+  const id = idProp ?? uniqId;
 
   const typeSuffix = capitalize(type);
   const allowMultipleKey = createAllowMultipleKey(allowMultiple);
@@ -373,14 +374,14 @@ export const DropZone: React.FunctionComponent<DropZoneProps> & {
   ) {
     return (
       <div className={styles.Overlay}>
-        <AlphaStack gap="2" align="center">
+        <Stack gap="2" align="center">
           {size === 'small' && <Icon source={icon} color={color} />}
           {(size === 'medium' || size === 'large') && (
             <Text variant="bodySm" as="p" fontWeight="bold">
               {text}
             </Text>
           )}
-        </AlphaStack>
+        </Stack>
       </div>
     );
   }
diff --git a/polaris-react/src/components/DropZone/components/FileUpload/FileUpload.tsx b/polaris-react/src/components/DropZone/components/FileUpload/FileUpload.tsx
index 372c08bbded..d6f66be7b21 100755
--- a/polaris-react/src/components/DropZone/components/FileUpload/FileUpload.tsx
+++ b/polaris-react/src/components/DropZone/components/FileUpload/FileUpload.tsx
@@ -1,4 +1,4 @@
-import React, {useContext} from 'react';
+import { useContext } from 'react';
 
 import {classNames} from '../../../../utilities/css';
 import {capitalize} from '../../../../utilities/capitalize';
@@ -7,7 +7,7 @@ import {uploadArrow} from '../../images';
 import {DropZoneContext} from '../../context';
 import {useI18n} from '../../../../utilities/i18n';
 import {createAllowMultipleKey} from '../../utils';
-import {AlphaStack} from '../../../AlphaStack';
+import {Stack} from '../../../Stack';
 
 import styles from './FileUpload.scss';
 
@@ -55,18 +55,18 @@ export function FileUpload(props: FileUploadProps) {
   switch (size) {
     case 'large':
       viewMarkup = (
-        <AlphaStack align="center" gap="2">
+        <Stack align="center" gap="2">
           {actionMarkup}
           {actionHintMarkup}
-        </AlphaStack>
+        </Stack>
       );
       break;
     case 'medium':
       viewMarkup = (
-        <AlphaStack align="center" gap="2">
+        <Stack align="center" gap="2">
           {actionMarkup}
           {actionHintMarkup}
-        </AlphaStack>
+        </Stack>
       );
       break;
     case 'small':
diff --git a/polaris-react/src/components/DropZone/components/FileUpload/tests/FileUpload.test.tsx b/polaris-react/src/components/DropZone/components/FileUpload/tests/FileUpload.test.tsx
index dcc44bd234f..8a3723c0bf0 100755
--- a/polaris-react/src/components/DropZone/components/FileUpload/tests/FileUpload.test.tsx
+++ b/polaris-react/src/components/DropZone/components/FileUpload/tests/FileUpload.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Text} from '../../../../Text';
diff --git a/polaris-react/src/components/DropZone/tests/DropZone.test.tsx b/polaris-react/src/components/DropZone/tests/DropZone.test.tsx
index a2563703af3..b3f01218a5e 100755
--- a/polaris-react/src/components/DropZone/tests/DropZone.test.tsx
+++ b/polaris-react/src/components/DropZone/tests/DropZone.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {act} from 'react-dom/test-utils';
 import {clock} from '@shopify/jest-dom-mocks';
 import {mountWithApp, CustomRoot} from 'tests/utilities';
diff --git a/polaris-react/src/components/EmptySearchResult/EmptySearchResult.tsx b/polaris-react/src/components/EmptySearchResult/EmptySearchResult.tsx
index 420accb5b86..951353c2f81 100644
--- a/polaris-react/src/components/EmptySearchResult/EmptySearchResult.tsx
+++ b/polaris-react/src/components/EmptySearchResult/EmptySearchResult.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {useI18n} from '../../utilities/i18n';
 import {Text} from '../Text';
 import {Image} from '../Image';
diff --git a/polaris-react/src/components/EmptySearchResult/tests/EmptySearchResult.test.tsx b/polaris-react/src/components/EmptySearchResult/tests/EmptySearchResult.test.tsx
index a8d30b190ab..1d0beb314b1 100644
--- a/polaris-react/src/components/EmptySearchResult/tests/EmptySearchResult.test.tsx
+++ b/polaris-react/src/components/EmptySearchResult/tests/EmptySearchResult.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Text} from '../../Text';
diff --git a/polaris-react/src/components/EmptyState/EmptyState.stories.tsx b/polaris-react/src/components/EmptyState/EmptyState.stories.tsx
index 170c8d730d8..e3e680c693e 100644
--- a/polaris-react/src/components/EmptyState/EmptyState.stories.tsx
+++ b/polaris-react/src/components/EmptyState/EmptyState.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {LegacyCard, EmptyState, Link} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/EmptyState/EmptyState.tsx b/polaris-react/src/components/EmptyState/EmptyState.tsx
index 6471b7e4dd0..d278d0e09d7 100644
--- a/polaris-react/src/components/EmptyState/EmptyState.tsx
+++ b/polaris-react/src/components/EmptyState/EmptyState.tsx
@@ -1,4 +1,4 @@
-import React, {useContext} from 'react';
+import {useContext} from 'react';
 
 import {classNames} from '../../utilities/css';
 import {WithinContentContext} from '../../utilities/within-content-context';
@@ -7,7 +7,7 @@ import {Box} from '../Box';
 import {buttonFrom} from '../Button';
 import {Image} from '../Image';
 import {Text} from '../Text';
-import {AlphaStack} from '../AlphaStack';
+import {Stack} from '../Stack';
 import {Inline} from '../Inline';
 
 import styles from './EmptyState.scss';
@@ -124,11 +124,11 @@ export function EmptyState({
   const detailsMarkup =
     textContentMarkup || actionsMarkup || footerContentMarkup ? (
       <Box maxWidth={fullWidth ? '100%' : '400px'}>
-        <AlphaStack align="center">
+        <Stack align="center">
           {textContentMarkup}
           {actionsMarkup}
           {footerContentMarkup}
-        </AlphaStack>
+        </Stack>
       </Box>
     ) : null;
 
@@ -139,10 +139,10 @@ export function EmptyState({
       paddingBlockStart="5"
       paddingBlockEnd="16"
     >
-      <AlphaStack align="center">
+      <Stack align="center">
         {imageMarkup}
         {detailsMarkup}
-      </AlphaStack>
+      </Stack>
     </Box>
   );
 }
diff --git a/polaris-react/src/components/EmptyState/tests/EmptyState.test.tsx b/polaris-react/src/components/EmptyState/tests/EmptyState.test.tsx
index 6e616e2f21f..2607d007a5a 100644
--- a/polaris-react/src/components/EmptyState/tests/EmptyState.test.tsx
+++ b/polaris-react/src/components/EmptyState/tests/EmptyState.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Button} from '../../Button';
diff --git a/polaris-react/src/components/EphemeralPresenceManager/EphemeralPresenceManager.tsx b/polaris-react/src/components/EphemeralPresenceManager/EphemeralPresenceManager.tsx
index d091a5fcefd..05cda6f34d4 100644
--- a/polaris-react/src/components/EphemeralPresenceManager/EphemeralPresenceManager.tsx
+++ b/polaris-react/src/components/EphemeralPresenceManager/EphemeralPresenceManager.tsx
@@ -1,4 +1,4 @@
-import React, {useMemo, useState, useCallback, ContextType} from 'react';
+import {useMemo, useState, useCallback, ContextType} from 'react';
 
 import {EphemeralPresenceManagerContext} from '../../utilities/ephemeral-presence-manager';
 import type {EphemeralPresenceKey} from '../../utilities/ephemeral-presence-manager';
diff --git a/polaris-react/src/components/EphemeralPresenceManager/tests/EphemeralPresenceManager.test.tsx b/polaris-react/src/components/EphemeralPresenceManager/tests/EphemeralPresenceManager.test.tsx
index cec91d1af32..9a441e3402b 100644
--- a/polaris-react/src/components/EphemeralPresenceManager/tests/EphemeralPresenceManager.test.tsx
+++ b/polaris-react/src/components/EphemeralPresenceManager/tests/EphemeralPresenceManager.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {useEphemeralPresenceManager} from '../../../utilities/ephemeral-presence-manager';
diff --git a/polaris-react/src/components/EventListener/tests/EventListener.test.tsx b/polaris-react/src/components/EventListener/tests/EventListener.test.tsx
index 88d4248f2d4..e5f210929e3 100644
--- a/polaris-react/src/components/EventListener/tests/EventListener.test.tsx
+++ b/polaris-react/src/components/EventListener/tests/EventListener.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 // eslint-disable-next-line import/no-deprecated
diff --git a/polaris-react/src/components/ExceptionList/ExceptionList.stories.tsx b/polaris-react/src/components/ExceptionList/ExceptionList.stories.tsx
index 5386404aabe..c087493db2e 100644
--- a/polaris-react/src/components/ExceptionList/ExceptionList.stories.tsx
+++ b/polaris-react/src/components/ExceptionList/ExceptionList.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {ExceptionList} from '@shopify/polaris';
 import {NoteMinor} from '@shopify/polaris-icons';
diff --git a/polaris-react/src/components/ExceptionList/ExceptionList.tsx b/polaris-react/src/components/ExceptionList/ExceptionList.tsx
index 78eb8d57fc2..8dab9f5d67e 100644
--- a/polaris-react/src/components/ExceptionList/ExceptionList.tsx
+++ b/polaris-react/src/components/ExceptionList/ExceptionList.tsx
@@ -1,4 +1,4 @@
-import React, {Fragment} from 'react';
+import {Fragment} from 'react';
 
 import {classNames, variationName} from '../../utilities/css';
 import {Icon, IconProps} from '../Icon';
diff --git a/polaris-react/src/components/ExceptionList/tests/ExceptionList.test.tsx b/polaris-react/src/components/ExceptionList/tests/ExceptionList.test.tsx
index e565006c37f..29e37591577 100644
--- a/polaris-react/src/components/ExceptionList/tests/ExceptionList.test.tsx
+++ b/polaris-react/src/components/ExceptionList/tests/ExceptionList.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {CirclePlusMinor, NoteMinor} from '@shopify/polaris-icons';
 import {mountWithApp} from 'tests/utilities';
 
diff --git a/polaris-react/src/components/Filters/Filters.stories.tsx b/polaris-react/src/components/Filters/Filters.stories.tsx
index 86730115a44..f86ad524016 100644
--- a/polaris-react/src/components/Filters/Filters.stories.tsx
+++ b/polaris-react/src/components/Filters/Filters.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import { useCallback, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {
   Avatar,
diff --git a/polaris-react/src/components/Filters/Filters.tsx b/polaris-react/src/components/Filters/Filters.tsx
index bcba17bfe4b..101029107e5 100644
--- a/polaris-react/src/components/Filters/Filters.tsx
+++ b/polaris-react/src/components/Filters/Filters.tsx
@@ -1,4 +1,4 @@
-import React, {Component, createRef} from 'react';
+import {Component, createRef} from 'react';
 import {
   SearchMinor,
   ChevronUpMinor,
diff --git a/polaris-react/src/components/Filters/components/ConnectedFilterControl/ConnectedFilterControl.tsx b/polaris-react/src/components/Filters/components/ConnectedFilterControl/ConnectedFilterControl.tsx
index 0c2c186e606..c46f6181c5f 100644
--- a/polaris-react/src/components/Filters/components/ConnectedFilterControl/ConnectedFilterControl.tsx
+++ b/polaris-react/src/components/Filters/components/ConnectedFilterControl/ConnectedFilterControl.tsx
@@ -1,4 +1,4 @@
-import React, {Component, createRef} from 'react';
+import {Component, createRef} from 'react';
 
 import {debounce} from '../../../../utilities/debounce';
 import {classNames} from '../../../../utilities/css';
diff --git a/polaris-react/src/components/Filters/components/ConnectedFilterControl/components/Item/Item.tsx b/polaris-react/src/components/Filters/components/ConnectedFilterControl/components/Item/Item.tsx
index 11406094383..ebb370eda72 100644
--- a/polaris-react/src/components/Filters/components/ConnectedFilterControl/components/Item/Item.tsx
+++ b/polaris-react/src/components/Filters/components/ConnectedFilterControl/components/Item/Item.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {classNames} from '../../../../../../utilities/css';
 import {useToggle} from '../../../../../../utilities/use-toggle';
 import styles from '../../ConnectedFilterControl.scss';
diff --git a/polaris-react/src/components/Filters/components/ConnectedFilterControl/components/Item/tests/Item.test.tsx b/polaris-react/src/components/Filters/components/ConnectedFilterControl/components/Item/tests/Item.test.tsx
index 7e5c00c33b3..bf54902b44b 100644
--- a/polaris-react/src/components/Filters/components/ConnectedFilterControl/components/Item/tests/Item.test.tsx
+++ b/polaris-react/src/components/Filters/components/ConnectedFilterControl/components/Item/tests/Item.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Item} from '../Item';
diff --git a/polaris-react/src/components/Filters/components/ConnectedFilterControl/tests/ConnectedFilterControl.test.tsx b/polaris-react/src/components/Filters/components/ConnectedFilterControl/tests/ConnectedFilterControl.test.tsx
index 3ddf5451ad2..711f010de91 100644
--- a/polaris-react/src/components/Filters/components/ConnectedFilterControl/tests/ConnectedFilterControl.test.tsx
+++ b/polaris-react/src/components/Filters/components/ConnectedFilterControl/tests/ConnectedFilterControl.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Button} from '../../../../Button';
diff --git a/polaris-react/src/components/Filters/components/TagsWrapper/TagsWrapper.tsx b/polaris-react/src/components/Filters/components/TagsWrapper/TagsWrapper.tsx
index 41e32308780..9e99984b1a7 100644
--- a/polaris-react/src/components/Filters/components/TagsWrapper/TagsWrapper.tsx
+++ b/polaris-react/src/components/Filters/components/TagsWrapper/TagsWrapper.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {Text} from '../../../Text';
 
 interface Props {
diff --git a/polaris-react/src/components/Filters/components/TagsWrapper/tests/TagsWrapper.test.tsx b/polaris-react/src/components/Filters/components/TagsWrapper/tests/TagsWrapper.test.tsx
index 9bb1d8c0994..e056c6914a6 100644
--- a/polaris-react/src/components/Filters/components/TagsWrapper/tests/TagsWrapper.test.tsx
+++ b/polaris-react/src/components/Filters/components/TagsWrapper/tests/TagsWrapper.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {TagsWrapper} from '../TagsWrapper';
diff --git a/polaris-react/src/components/Filters/tests/Filters.test.tsx b/polaris-react/src/components/Filters/tests/Filters.test.tsx
index 0d5e3436027..93a1adbae05 100644
--- a/polaris-react/src/components/Filters/tests/Filters.test.tsx
+++ b/polaris-react/src/components/Filters/tests/Filters.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {matchMedia} from '@shopify/jest-dom-mocks';
 import {mountWithApp} from 'tests/utilities';
 
diff --git a/polaris-react/src/components/Focus/Focus.tsx b/polaris-react/src/components/Focus/Focus.tsx
index 349565f8c1c..cd6c72a45bc 100644
--- a/polaris-react/src/components/Focus/Focus.tsx
+++ b/polaris-react/src/components/Focus/Focus.tsx
@@ -1,4 +1,4 @@
-import React, {memo, useEffect} from 'react';
+import {memo, useEffect} from 'react';
 
 import {focusFirstFocusableNode} from '../../utilities/focus';
 
diff --git a/polaris-react/src/components/Focus/tests/Focus.test.tsx b/polaris-react/src/components/Focus/tests/Focus.test.tsx
index 620f9a913a3..bf21d54e21f 100644
--- a/polaris-react/src/components/Focus/tests/Focus.test.tsx
+++ b/polaris-react/src/components/Focus/tests/Focus.test.tsx
@@ -1,4 +1,4 @@
-import React, {useRef, useState, useEffect} from 'react';
+import { useRef, useState, useEffect } from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Focus, FocusProps} from '../Focus';
diff --git a/polaris-react/src/components/FocusManager/FocusManager.tsx b/polaris-react/src/components/FocusManager/FocusManager.tsx
index 892b0af2b83..9bfb3e73dc7 100644
--- a/polaris-react/src/components/FocusManager/FocusManager.tsx
+++ b/polaris-react/src/components/FocusManager/FocusManager.tsx
@@ -1,4 +1,4 @@
-import React, {useMemo, useState, useCallback, ContextType} from 'react';
+import {useMemo, useState, useCallback, ContextType} from 'react';
 
 import {FocusManagerContext} from '../../utilities/focus-manager';
 
diff --git a/polaris-react/src/components/FocusManager/tests/FocusManager.test.tsx b/polaris-react/src/components/FocusManager/tests/FocusManager.test.tsx
index cde5449b141..3a9929da271 100644
--- a/polaris-react/src/components/FocusManager/tests/FocusManager.test.tsx
+++ b/polaris-react/src/components/FocusManager/tests/FocusManager.test.tsx
@@ -1,4 +1,4 @@
-import React, {useContext, useEffect, useRef} from 'react';
+import { useContext, useEffect, useRef } from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {
diff --git a/polaris-react/src/components/FooterHelp/FooterHelp.scss b/polaris-react/src/components/FooterHelp/FooterHelp.scss
index 739c0e642e9..80e3b5c2875 100644
--- a/polaris-react/src/components/FooterHelp/FooterHelp.scss
+++ b/polaris-react/src/components/FooterHelp/FooterHelp.scss
@@ -21,7 +21,5 @@
   font-weight: var(--p-font-weight-regular);
   line-height: var(--p-font-line-height-2);
   border: none;
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  text-transform: initial;
   letter-spacing: initial;
 }
diff --git a/polaris-react/src/components/FooterHelp/FooterHelp.stories.tsx b/polaris-react/src/components/FooterHelp/FooterHelp.stories.tsx
index 4e3b89148b1..1c2bf221cae 100644
--- a/polaris-react/src/components/FooterHelp/FooterHelp.stories.tsx
+++ b/polaris-react/src/components/FooterHelp/FooterHelp.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {FooterHelp, Link} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/FooterHelp/FooterHelp.tsx b/polaris-react/src/components/FooterHelp/FooterHelp.tsx
index 757f818da3a..3f662c450ca 100644
--- a/polaris-react/src/components/FooterHelp/FooterHelp.tsx
+++ b/polaris-react/src/components/FooterHelp/FooterHelp.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import styles from './FooterHelp.scss';
 
 export interface FooterHelpProps {
diff --git a/polaris-react/src/components/FooterHelp/tests/FooterHelp.test.tsx b/polaris-react/src/components/FooterHelp/tests/FooterHelp.test.tsx
index 1a0c27f18ca..47db2cbb393 100644
--- a/polaris-react/src/components/FooterHelp/tests/FooterHelp.test.tsx
+++ b/polaris-react/src/components/FooterHelp/tests/FooterHelp.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {FooterHelp} from '../FooterHelp';
diff --git a/polaris-react/src/components/Form/Form.stories.tsx b/polaris-react/src/components/Form/Form.stories.tsx
index ab957bc0417..643bce1ddef 100644
--- a/polaris-react/src/components/Form/Form.stories.tsx
+++ b/polaris-react/src/components/Form/Form.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import { useCallback, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {Button, Checkbox, Form, FormLayout, TextField} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/Form/Form.tsx b/polaris-react/src/components/Form/Form.tsx
index c12b01f3188..54c6f4e4d33 100644
--- a/polaris-react/src/components/Form/Form.tsx
+++ b/polaris-react/src/components/Form/Form.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback} from 'react';
+import {useCallback} from 'react';
 
 import {Text} from '../Text';
 import {useI18n} from '../../utilities/i18n';
diff --git a/polaris-react/src/components/Form/tests/Form.test.tsx b/polaris-react/src/components/Form/tests/Form.test.tsx
index 74569b159f0..f7b29add454 100644
--- a/polaris-react/src/components/Form/tests/Form.test.tsx
+++ b/polaris-react/src/components/Form/tests/Form.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Form} from '../Form';
diff --git a/polaris-react/src/components/FormLayout/FormLayout.stories.tsx b/polaris-react/src/components/FormLayout/FormLayout.stories.tsx
index 3b942de95ad..8713be977b4 100644
--- a/polaris-react/src/components/FormLayout/FormLayout.stories.tsx
+++ b/polaris-react/src/components/FormLayout/FormLayout.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {FormLayout, TextField} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/FormLayout/FormLayout.tsx b/polaris-react/src/components/FormLayout/FormLayout.tsx
index 5a70a91aa64..a1e18fe14c4 100644
--- a/polaris-react/src/components/FormLayout/FormLayout.tsx
+++ b/polaris-react/src/components/FormLayout/FormLayout.tsx
@@ -1,4 +1,4 @@
-import React, {memo, Children, NamedExoticComponent} from 'react';
+import {memo, Children, NamedExoticComponent} from 'react';
 
 import {wrapWithComponent, isElementOfType} from '../../utilities/components';
 
diff --git a/polaris-react/src/components/FormLayout/components/Group/Group.tsx b/polaris-react/src/components/FormLayout/components/Group/Group.tsx
index b2093e21500..3b09ea59979 100644
--- a/polaris-react/src/components/FormLayout/components/Group/Group.tsx
+++ b/polaris-react/src/components/FormLayout/components/Group/Group.tsx
@@ -1,8 +1,7 @@
-import React, {Children} from 'react';
+import {Children, useId} from 'react';
 
 import {classNames} from '../../../../utilities/css';
 import {wrapWithComponent} from '../../../../utilities/components';
-import {useUniqueId} from '../../../../utilities/unique-id';
 import {Box} from '../../../Box';
 import {Item} from '../Item';
 import styles from '../../FormLayout.scss';
@@ -17,7 +16,7 @@ export interface GroupProps {
 export function Group({children, condensed, title, helpText}: GroupProps) {
   const className = classNames(condensed ? styles.condensed : styles.grouped);
 
-  const id = useUniqueId('FormLayoutGroup');
+  const id = useId();
 
   let helpTextElement = null;
   let helpTextID: undefined | string;
diff --git a/polaris-react/src/components/FormLayout/components/Group/tests/Group.test.tsx b/polaris-react/src/components/FormLayout/components/Group/tests/Group.test.tsx
index 6961cb501b2..6a283db1886 100644
--- a/polaris-react/src/components/FormLayout/components/Group/tests/Group.test.tsx
+++ b/polaris-react/src/components/FormLayout/components/Group/tests/Group.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {TextField} from '../../../../TextField';
diff --git a/polaris-react/src/components/FormLayout/components/Item/Item.tsx b/polaris-react/src/components/FormLayout/components/Item/Item.tsx
index 1f9a61c5793..9de7e7b3f4a 100644
--- a/polaris-react/src/components/FormLayout/components/Item/Item.tsx
+++ b/polaris-react/src/components/FormLayout/components/Item/Item.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import styles from '../../FormLayout.scss';
 
 export interface ItemProps {
diff --git a/polaris-react/src/components/FormLayout/components/Item/tests/Item.test.tsx b/polaris-react/src/components/FormLayout/components/Item/tests/Item.test.tsx
index abf39d90047..fe9451b674a 100644
--- a/polaris-react/src/components/FormLayout/components/Item/tests/Item.test.tsx
+++ b/polaris-react/src/components/FormLayout/components/Item/tests/Item.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import styles from '../../../FormLayout.scss';
diff --git a/polaris-react/src/components/FormLayout/tests/FormLayout.test.tsx b/polaris-react/src/components/FormLayout/tests/FormLayout.test.tsx
index b36d06d9f46..6d601f55672 100644
--- a/polaris-react/src/components/FormLayout/tests/FormLayout.test.tsx
+++ b/polaris-react/src/components/FormLayout/tests/FormLayout.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {TextField} from '../../TextField';
diff --git a/polaris-react/src/components/Frame/Frame.scss b/polaris-react/src/components/Frame/Frame.scss
index dd47e004f4b..cfe3984486f 100644
--- a/polaris-react/src/components/Frame/Frame.scss
+++ b/polaris-react/src/components/Frame/Frame.scss
@@ -333,8 +333,6 @@
     font-size: var(--p-font-size-100);
     font-weight: var(--p-font-weight-medium);
     line-height: var(--p-font-line-height-1);
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    text-transform: initial;
     letter-spacing: initial;
     color: var(--p-text);
 
diff --git a/polaris-react/src/components/Frame/Frame.stories.tsx b/polaris-react/src/components/Frame/Frame.stories.tsx
index da3b906f177..fde70f2dedf 100644
--- a/polaris-react/src/components/Frame/Frame.stories.tsx
+++ b/polaris-react/src/components/Frame/Frame.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useRef, useState} from 'react';
+import { useCallback, useRef, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {
   ActionList,
diff --git a/polaris-react/src/components/Frame/Frame.tsx b/polaris-react/src/components/Frame/Frame.tsx
index 0a9b2678ce3..3f42499638a 100644
--- a/polaris-react/src/components/Frame/Frame.tsx
+++ b/polaris-react/src/components/Frame/Frame.tsx
@@ -1,4 +1,4 @@
-import React, {PureComponent, createRef, MouseEvent} from 'react';
+import {PureComponent, createRef, MouseEvent} from 'react';
 import {MobileCancelMajor} from '@shopify/polaris-icons';
 import {CSSTransition} from 'react-transition-group';
 import {motion} from '@shopify/polaris-tokens';
diff --git a/polaris-react/src/components/Frame/components/CSSAnimation/CSSAnimation.tsx b/polaris-react/src/components/Frame/components/CSSAnimation/CSSAnimation.tsx
index d3bb023017b..d5afe333ca9 100644
--- a/polaris-react/src/components/Frame/components/CSSAnimation/CSSAnimation.tsx
+++ b/polaris-react/src/components/Frame/components/CSSAnimation/CSSAnimation.tsx
@@ -1,4 +1,4 @@
-import React, {useRef, useState, useEffect} from 'react';
+import {useRef, useState, useEffect} from 'react';
 
 import {classNames, variationName} from '../../../../utilities/css';
 
diff --git a/polaris-react/src/components/Frame/components/ContextualSaveBar/ContextualSaveBar.tsx b/polaris-react/src/components/Frame/components/ContextualSaveBar/ContextualSaveBar.tsx
index a78dd7da196..8a188c93aa2 100644
--- a/polaris-react/src/components/Frame/components/ContextualSaveBar/ContextualSaveBar.tsx
+++ b/polaris-react/src/components/Frame/components/ContextualSaveBar/ContextualSaveBar.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback} from 'react';
+import { useCallback } from 'react';
 
 import {Button} from '../../../Button';
 import {Image} from '../../../Image';
diff --git a/polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx b/polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx
index 2fd5003d1cf..5c6e327d8ac 100644
--- a/polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx
+++ b/polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {useI18n} from '../../../../../../utilities/i18n';
 import {Modal} from '../../../../../Modal';
 
diff --git a/polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/tests/DiscardConfirmationModal.test.tsx b/polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/tests/DiscardConfirmationModal.test.tsx
index c8b60925d9e..5b4691d2ee9 100644
--- a/polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/tests/DiscardConfirmationModal.test.tsx
+++ b/polaris-react/src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/tests/DiscardConfirmationModal.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Modal} from '../../../../../../Modal';
diff --git a/polaris-react/src/components/Frame/components/ContextualSaveBar/tests/ContextualSaveBar.test.tsx b/polaris-react/src/components/Frame/components/ContextualSaveBar/tests/ContextualSaveBar.test.tsx
index 6f878e48a95..a9c52e1135e 100644
--- a/polaris-react/src/components/Frame/components/ContextualSaveBar/tests/ContextualSaveBar.test.tsx
+++ b/polaris-react/src/components/Frame/components/ContextualSaveBar/tests/ContextualSaveBar.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Button} from '../../../../Button';
diff --git a/polaris-react/src/components/Frame/components/Loading/Loading.tsx b/polaris-react/src/components/Frame/components/Loading/Loading.tsx
index 068a5c67d7b..c902df94fba 100644
--- a/polaris-react/src/components/Frame/components/Loading/Loading.tsx
+++ b/polaris-react/src/components/Frame/components/Loading/Loading.tsx
@@ -1,4 +1,4 @@
-import React, {useEffect, useState} from 'react';
+import { useEffect, useState } from 'react';
 
 import {useI18n} from '../../../../utilities/i18n';
 import {useIsMountedRef} from '../../../../utilities/use-is-mounted-ref';
diff --git a/polaris-react/src/components/Frame/components/Loading/tests/Loading.test.tsx b/polaris-react/src/components/Frame/components/Loading/tests/Loading.test.tsx
index e841c08c704..12c0ef6a953 100644
--- a/polaris-react/src/components/Frame/components/Loading/tests/Loading.test.tsx
+++ b/polaris-react/src/components/Frame/components/Loading/tests/Loading.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Loading} from '../Loading';
diff --git a/polaris-react/src/components/Frame/components/Toast/Toast.tsx b/polaris-react/src/components/Frame/components/Toast/Toast.tsx
index 106f9284ddf..b068a4e35e5 100644
--- a/polaris-react/src/components/Frame/components/Toast/Toast.tsx
+++ b/polaris-react/src/components/Frame/components/Toast/Toast.tsx
@@ -1,4 +1,4 @@
-import React, {useEffect} from 'react';
+import { useEffect } from 'react';
 import {CancelSmallMinor, AlertMinor} from '@shopify/polaris-icons';
 
 import {classNames} from '../../../../utilities/css';
diff --git a/polaris-react/src/components/Frame/components/Toast/tests/Toast.test.tsx b/polaris-react/src/components/Frame/components/Toast/tests/Toast.test.tsx
index c8aefb19387..19b61470f5e 100644
--- a/polaris-react/src/components/Frame/components/Toast/tests/Toast.test.tsx
+++ b/polaris-react/src/components/Frame/components/Toast/tests/Toast.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {timer} from '@shopify/jest-dom-mocks';
 import {mountWithApp} from 'tests/utilities';
 
diff --git a/polaris-react/src/components/Frame/components/ToastManager/ToastManager.tsx b/polaris-react/src/components/Frame/components/ToastManager/ToastManager.tsx
index 6cd3f20efd6..662e664b4eb 100644
--- a/polaris-react/src/components/Frame/components/ToastManager/ToastManager.tsx
+++ b/polaris-react/src/components/Frame/components/ToastManager/ToastManager.tsx
@@ -1,4 +1,4 @@
-import React, {createRef, memo} from 'react';
+import {createRef, memo} from 'react';
 import {TransitionGroup, CSSTransition} from 'react-transition-group';
 
 import {classNames} from '../../../../utilities/css';
diff --git a/polaris-react/src/components/Frame/components/ToastManager/tests/ToastManager.test.tsx b/polaris-react/src/components/Frame/components/ToastManager/tests/ToastManager.test.tsx
index 37d1e411e61..afbc03ff2f7 100644
--- a/polaris-react/src/components/Frame/components/ToastManager/tests/ToastManager.test.tsx
+++ b/polaris-react/src/components/Frame/components/ToastManager/tests/ToastManager.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {timer} from '@shopify/jest-dom-mocks';
 import {mountWithApp} from 'tests/utilities';
 
diff --git a/polaris-react/src/components/Frame/tests/Frame.test.tsx b/polaris-react/src/components/Frame/tests/Frame.test.tsx
index f417676188b..bb74a127125 100644
--- a/polaris-react/src/components/Frame/tests/Frame.test.tsx
+++ b/polaris-react/src/components/Frame/tests/Frame.test.tsx
@@ -1,4 +1,4 @@
-import React, {createRef} from 'react';
+import { createRef } from 'react';
 import {CSSTransition} from 'react-transition-group';
 import {animationFrame, dimension} from '@shopify/jest-dom-mocks';
 import {mountWithApp} from 'tests/utilities';
diff --git a/polaris-react/src/components/FullscreenBar/FullscreenBar.stories.tsx b/polaris-react/src/components/FullscreenBar/FullscreenBar.stories.tsx
index 4d386ffb777..1882e39a13d 100644
--- a/polaris-react/src/components/FullscreenBar/FullscreenBar.stories.tsx
+++ b/polaris-react/src/components/FullscreenBar/FullscreenBar.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import { useCallback, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {
   Badge,
diff --git a/polaris-react/src/components/FullscreenBar/FullscreenBar.tsx b/polaris-react/src/components/FullscreenBar/FullscreenBar.tsx
index 6982d57c725..6741c222431 100644
--- a/polaris-react/src/components/FullscreenBar/FullscreenBar.tsx
+++ b/polaris-react/src/components/FullscreenBar/FullscreenBar.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {ExitMajor} from '@shopify/polaris-icons';
 
 import {Icon} from '../Icon';
diff --git a/polaris-react/src/components/FullscreenBar/tests/FullscreenBar.test.tsx b/polaris-react/src/components/FullscreenBar/tests/FullscreenBar.test.tsx
index ce43bd92f60..3c986f4f9a9 100644
--- a/polaris-react/src/components/FullscreenBar/tests/FullscreenBar.test.tsx
+++ b/polaris-react/src/components/FullscreenBar/tests/FullscreenBar.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {FullscreenBar} from '../FullscreenBar';
diff --git a/polaris-react/src/components/Grid/Grid.stories.tsx b/polaris-react/src/components/Grid/Grid.stories.tsx
index 055385e612d..7835afe91c4 100644
--- a/polaris-react/src/components/Grid/Grid.stories.tsx
+++ b/polaris-react/src/components/Grid/Grid.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {LegacyCard, Grid, Page} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/Grid/Grid.tsx b/polaris-react/src/components/Grid/Grid.tsx
index 2dcb24f3ee9..744331a99cd 100644
--- a/polaris-react/src/components/Grid/Grid.tsx
+++ b/polaris-react/src/components/Grid/Grid.tsx
@@ -1,4 +1,4 @@
-import React, {useEffect} from 'react';
+import {useEffect} from 'react';
 
 // eslint-disable-next-line import/no-deprecated
 import {Cell} from './components';
@@ -27,7 +27,7 @@ export interface GridProps {
   gap?: Gap;
   children?: React.ReactNode;
 }
-/** @deprecated Use `Columns` instead or a combination of layout primitives (`Columns`, `Inline`, and `AlphaStack`) */
+/** @deprecated Use `Columns` instead or a combination of layout primitives (`Columns`, `Inline`, and `Stack`) */
 export const Grid: React.FunctionComponent<GridProps> & {
   // eslint-disable-next-line import/no-deprecated
   Cell: typeof Cell;
@@ -54,7 +54,7 @@ export const Grid: React.FunctionComponent<GridProps> & {
     if (process.env.NODE_ENV === 'development') {
       // eslint-disable-next-line no-console
       console.warn(
-        'Deprecation: <Grid /> is deprecated. This component will be removed in a future major version of Polaris. Use <Columns /> instead or a combination of <Columns />, <Inline />, and <AlphaStack />',
+        'Deprecation: <Grid /> is deprecated. This component will be removed in a future major version of Polaris. Use <Columns /> instead or a combination of <Columns />, <Inline />, and <Stack />',
       );
     }
   }, []);
diff --git a/polaris-react/src/components/Grid/components/Cell/Cell.tsx b/polaris-react/src/components/Grid/components/Cell/Cell.tsx
index 35882f8e3ee..fa5398e36a1 100644
--- a/polaris-react/src/components/Grid/components/Cell/Cell.tsx
+++ b/polaris-react/src/components/Grid/components/Cell/Cell.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {classNames} from '../../../../utilities/css';
 
 import styles from './Cell.scss';
@@ -30,7 +28,7 @@ export interface CellProps {
   row?: Cell;
   children?: React.ReactNode;
 }
-/** @deprecated Use `Columns` instead or a combination of layout primitives (`Columns`, `Inline`, and `AlphaStack`) */
+/** @deprecated Use `Columns` instead or a combination of layout primitives (`Columns`, `Inline`, and `Stack`) */
 export function Cell({
   area: gridArea,
   column,
diff --git a/polaris-react/src/components/Grid/components/Cell/tests/Cell.test.tsx b/polaris-react/src/components/Grid/components/Cell/tests/Cell.test.tsx
index 3f05de04cce..82d2054e061 100644
--- a/polaris-react/src/components/Grid/components/Cell/tests/Cell.test.tsx
+++ b/polaris-react/src/components/Grid/components/Cell/tests/Cell.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 // eslint-disable-next-line import/no-deprecated
diff --git a/polaris-react/src/components/Grid/tests/Grid.test.tsx b/polaris-react/src/components/Grid/tests/Grid.test.tsx
index 0b27b4ec222..6ac5cbd6775 100644
--- a/polaris-react/src/components/Grid/tests/Grid.test.tsx
+++ b/polaris-react/src/components/Grid/tests/Grid.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {matchMedia, timer} from '@shopify/jest-dom-mocks';
 import {mountWithApp} from 'tests/utilities';
 
diff --git a/polaris-react/src/components/Heading/Heading.scss b/polaris-react/src/components/Heading/Heading.scss
deleted file mode 100644
index 41f0e282378..00000000000
--- a/polaris-react/src/components/Heading/Heading.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-@import '../../styles/common';
-
-.Heading {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  @include text-style-heading;
-  margin: 0;
-
-  @media print {
-    font-size: var(--p-font-size-100);
-    line-height: var(--p-font-line-height-1);
-  }
-}
diff --git a/polaris-react/src/components/Heading/Heading.stories.tsx b/polaris-react/src/components/Heading/Heading.stories.tsx
deleted file mode 100644
index b6b6753d554..00000000000
--- a/polaris-react/src/components/Heading/Heading.stories.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import type {ComponentMeta} from '@storybook/react';
-import {Heading} from '@shopify/polaris';
-
-export default {
-  component: Heading,
-} as ComponentMeta<typeof Heading>;
-
-export function Default() {
-  return <Heading>Online store dashboard</Heading>;
-}
diff --git a/polaris-react/src/components/Heading/Heading.tsx b/polaris-react/src/components/Heading/Heading.tsx
deleted file mode 100644
index e1fbb916d12..00000000000
--- a/polaris-react/src/components/Heading/Heading.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import React from 'react';
-
-import type {HeadingTagName} from '../../types';
-
-import styles from './Heading.scss';
-
-export interface HeadingProps {
-  /**
-   * The element name to use for the heading
-   * @default 'h2'
-   */
-  element?: HeadingTagName;
-  /** The content to display inside the heading */
-  children?: React.ReactNode;
-  /** A unique identifier for the heading, used for reference in anchor links  */
-  id?: string;
-}
-
-/**
- * @deprecated The Heading component will be removed in the next
- * major version. Use the Text component instead. See the
- * Polaris component guide on how to use Text.
- *
- * https://polaris.shopify.com/components/text
- */
-export function Heading({element: Element = 'h2', children, id}: HeadingProps) {
-  return (
-    <Element className={styles.Heading} id={id}>
-      {children}
-    </Element>
-  );
-}
diff --git a/polaris-react/src/components/Heading/index.ts b/polaris-react/src/components/Heading/index.ts
deleted file mode 100644
index 6406e7b07f4..00000000000
--- a/polaris-react/src/components/Heading/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './Heading';
diff --git a/polaris-react/src/components/Heading/tests/Heading.test.tsx b/polaris-react/src/components/Heading/tests/Heading.test.tsx
deleted file mode 100644
index e4851751985..00000000000
--- a/polaris-react/src/components/Heading/tests/Heading.test.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import React from 'react';
-import {mountWithApp} from 'tests/utilities';
-
-// eslint-disable-next-line import/no-deprecated
-import {Heading} from '../Heading';
-
-describe('<Heading />', () => {
-  it('renders its children', () => {
-    const text = 'Online store dashboard';
-    const heading = mountWithApp(<Heading element="h1">{text}</Heading>);
-    expect(heading).toContainReactText(text);
-  });
-
-  it('renders the specified element', () => {
-    const heading = mountWithApp(
-      <Heading element="h1">Online store dashboard</Heading>,
-    );
-    expect(heading.find('h1')).not.toBeNull();
-  });
-
-  it('renders an h2 element if not specified', () => {
-    const heading = mountWithApp(<Heading>Online store dashboard</Heading>);
-    expect(heading.find('h2')).not.toBeNull();
-  });
-
-  it('renders an ID for hash links', () => {
-    const heading = mountWithApp(
-      <Heading element="h1" id="dashboard">
-        Online store dashboard
-      </Heading>,
-    );
-    expect(heading.find('h1')!.props.id).toBe('dashboard');
-  });
-});
diff --git a/polaris-react/src/components/Icon/Icon.stories.tsx b/polaris-react/src/components/Icon/Icon.stories.tsx
index f72c5e1f4eb..e6c65c67e14 100644
--- a/polaris-react/src/components/Icon/Icon.stories.tsx
+++ b/polaris-react/src/components/Icon/Icon.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {Icon} from '@shopify/polaris';
 import {CirclePlusMinor} from '@shopify/polaris-icons';
diff --git a/polaris-react/src/components/Icon/Icon.tsx b/polaris-react/src/components/Icon/Icon.tsx
index ebf16b5172a..ceec2968d64 100644
--- a/polaris-react/src/components/Icon/Icon.tsx
+++ b/polaris-react/src/components/Icon/Icon.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {Text} from '../Text';
 import {classNames, variationName} from '../../utilities/css';
 import type {IconSource} from '../../types';
diff --git a/polaris-react/src/components/Icon/tests/Icon.test.tsx b/polaris-react/src/components/Icon/tests/Icon.test.tsx
index 36837a7d227..63fafcde837 100644
--- a/polaris-react/src/components/Icon/tests/Icon.test.tsx
+++ b/polaris-react/src/components/Icon/tests/Icon.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {PlusMinor} from '@shopify/polaris-icons';
 import {mountWithApp} from 'tests/utilities';
 
diff --git a/polaris-react/src/components/Image/Image.tsx b/polaris-react/src/components/Image/Image.tsx
index 8b2657fbbfe..9216d890d0f 100644
--- a/polaris-react/src/components/Image/Image.tsx
+++ b/polaris-react/src/components/Image/Image.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback} from 'react';
+import {useCallback} from 'react';
 
 interface SourceSet {
   source: string;
diff --git a/polaris-react/src/components/Image/tests/Image.test.tsx b/polaris-react/src/components/Image/tests/Image.test.tsx
index 475ca8fb2bc..b280cd0c280 100644
--- a/polaris-react/src/components/Image/tests/Image.test.tsx
+++ b/polaris-react/src/components/Image/tests/Image.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Image} from '../Image';
diff --git a/polaris-react/src/components/IndexProvider/IndexProvider.tsx b/polaris-react/src/components/IndexProvider/IndexProvider.tsx
index 37ab5321ce9..78bdca3ea21 100644
--- a/polaris-react/src/components/IndexProvider/IndexProvider.tsx
+++ b/polaris-react/src/components/IndexProvider/IndexProvider.tsx
@@ -1,4 +1,4 @@
-import React, {useMemo} from 'react';
+import { useMemo } from 'react';
 
 import {
   IndexContext,
diff --git a/polaris-react/src/components/IndexProvider/tests/IndexProvider.test.tsx b/polaris-react/src/components/IndexProvider/tests/IndexProvider.test.tsx
index 6c2cb9781ca..4ed34fa5cf7 100644
--- a/polaris-react/src/components/IndexProvider/tests/IndexProvider.test.tsx
+++ b/polaris-react/src/components/IndexProvider/tests/IndexProvider.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {IndexProvider} from '../IndexProvider';
diff --git a/polaris-react/src/components/IndexTable/IndexTable.stories.tsx b/polaris-react/src/components/IndexTable/IndexTable.stories.tsx
index 933e12086bf..eeaad6a39c0 100644
--- a/polaris-react/src/components/IndexTable/IndexTable.stories.tsx
+++ b/polaris-react/src/components/IndexTable/IndexTable.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import { useCallback, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {
   Button,
diff --git a/polaris-react/src/components/IndexTable/IndexTable.tsx b/polaris-react/src/components/IndexTable/IndexTable.tsx
index e9c2d5d259e..3e3c0039c5d 100644
--- a/polaris-react/src/components/IndexTable/IndexTable.tsx
+++ b/polaris-react/src/components/IndexTable/IndexTable.tsx
@@ -1,4 +1,4 @@
-import React, {useRef, useState, useEffect, useCallback, useMemo} from 'react';
+import {useRef, useState, useEffect, useCallback, useMemo} from 'react';
 import {SortAscendingMajor, SortDescendingMajor} from '@shopify/polaris-icons';
 import {CSSTransition} from 'react-transition-group';
 import {tokens, toPx, motion} from '@shopify/polaris-tokens';
diff --git a/polaris-react/src/components/IndexTable/components/Cell/Cell.tsx b/polaris-react/src/components/IndexTable/components/Cell/Cell.tsx
index a3ebf8bd0c5..e0512ccdc91 100644
--- a/polaris-react/src/components/IndexTable/components/Cell/Cell.tsx
+++ b/polaris-react/src/components/IndexTable/components/Cell/Cell.tsx
@@ -1,4 +1,4 @@
-import React, {memo, ReactNode} from 'react';
+import { memo, ReactNode } from 'react';
 
 import {classNames} from '../../../../utilities/css';
 import styles from '../../IndexTable.scss';
diff --git a/polaris-react/src/components/IndexTable/components/Cell/tests/Cell.test.tsx b/polaris-react/src/components/IndexTable/components/Cell/tests/Cell.test.tsx
index 32d420ebfa3..2d44163e30a 100644
--- a/polaris-react/src/components/IndexTable/components/Cell/tests/Cell.test.tsx
+++ b/polaris-react/src/components/IndexTable/components/Cell/tests/Cell.test.tsx
@@ -1,4 +1,4 @@
-import React, {ReactElement} from 'react';
+import { ReactElement } from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Cell} from '../Cell';
diff --git a/polaris-react/src/components/IndexTable/components/Checkbox/Checkbox.tsx b/polaris-react/src/components/IndexTable/components/Checkbox/Checkbox.tsx
index d332b0921a9..50159945fac 100644
--- a/polaris-react/src/components/IndexTable/components/Checkbox/Checkbox.tsx
+++ b/polaris-react/src/components/IndexTable/components/Checkbox/Checkbox.tsx
@@ -1,12 +1,4 @@
-import React, {
-  useContext,
-  memo,
-  useEffect,
-  useRef,
-  useCallback,
-  Fragment,
-  ReactNode,
-} from 'react';
+import { useContext, memo, useEffect, useRef, useCallback, Fragment, ReactNode } from 'react';
 
 import {debounce} from '../../../../utilities/debounce';
 import {useI18n} from '../../../../utilities/i18n';
diff --git a/polaris-react/src/components/IndexTable/components/Checkbox/tests/Checkbox.test.tsx b/polaris-react/src/components/IndexTable/components/Checkbox/tests/Checkbox.test.tsx
index 9c4d853732a..aac069bea94 100644
--- a/polaris-react/src/components/IndexTable/components/Checkbox/tests/Checkbox.test.tsx
+++ b/polaris-react/src/components/IndexTable/components/Checkbox/tests/Checkbox.test.tsx
@@ -1,4 +1,4 @@
-import React, {ReactElement} from 'react';
+import { ReactElement } from 'react';
 import {mountWithApp} from 'tests/utilities';
 import type {Element as ElementType} from '@shopify/react-testing';
 import {act} from 'react-dom/test-utils';
diff --git a/polaris-react/src/components/IndexTable/components/Row/Row.tsx b/polaris-react/src/components/IndexTable/components/Row/Row.tsx
index c97795fb1f9..cb18c346809 100644
--- a/polaris-react/src/components/IndexTable/components/Row/Row.tsx
+++ b/polaris-react/src/components/IndexTable/components/Row/Row.tsx
@@ -1,4 +1,4 @@
-import React, {useMemo, memo, useRef, useCallback} from 'react';
+import {useMemo, memo, useRef, useCallback} from 'react';
 
 import {useToggle} from '../../../../utilities/use-toggle';
 import {
diff --git a/polaris-react/src/components/IndexTable/components/Row/tests/Row.test.tsx b/polaris-react/src/components/IndexTable/components/Row/tests/Row.test.tsx
index a9ac9e5c98b..bcff0eccca1 100644
--- a/polaris-react/src/components/IndexTable/components/Row/tests/Row.test.tsx
+++ b/polaris-react/src/components/IndexTable/components/Row/tests/Row.test.tsx
@@ -1,4 +1,4 @@
-import React, {ReactElement} from 'react';
+import {ReactElement} from 'react';
 import {mountWithApp} from 'tests/utilities';
 import type {DeepPartial} from '@shopify/useful-types';
 
diff --git a/polaris-react/src/components/IndexTable/components/ScrollContainer/ScrollContainer.tsx b/polaris-react/src/components/IndexTable/components/ScrollContainer/ScrollContainer.tsx
index 04d02e079a1..78299a5782f 100644
--- a/polaris-react/src/components/IndexTable/components/ScrollContainer/ScrollContainer.tsx
+++ b/polaris-react/src/components/IndexTable/components/ScrollContainer/ScrollContainer.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useEffect, useState} from 'react';
+import {useCallback, useEffect, useState} from 'react';
 
 import {debounce} from '../../../../utilities/debounce';
 import {
diff --git a/polaris-react/src/components/IndexTable/components/ScrollContainer/tests/ScrollContainer.test.tsx b/polaris-react/src/components/IndexTable/components/ScrollContainer/tests/ScrollContainer.test.tsx
index c17635bd683..c44587d54b3 100644
--- a/polaris-react/src/components/IndexTable/components/ScrollContainer/tests/ScrollContainer.test.tsx
+++ b/polaris-react/src/components/IndexTable/components/ScrollContainer/tests/ScrollContainer.test.tsx
@@ -1,18 +1,18 @@
-import React from 'react';
+import { useRef, createRef } from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {ScrollContext} from '../../../../../utilities/index-table';
 import {ScrollContainer} from '../ScrollContainer';
 
 function TestComponent() {
-  const containerRef = React.useRef(null);
+  const containerRef = useRef(null);
 
   return <div ref={containerRef}>Hello</div>;
 }
 
 describe('<ScrollContainer />', () => {
   it('renders a ScrollContext provider', () => {
-    const ref = React.createRef<HTMLDivElement>();
+    const ref = createRef<HTMLDivElement>();
     const wrapper = mountWithApp(
       <ScrollContainer scrollableContainerRef={ref} onScroll={() => {}}>
         <TestComponent />
diff --git a/polaris-react/src/components/IndexTable/tests/IndexTable.test.tsx b/polaris-react/src/components/IndexTable/tests/IndexTable.test.tsx
index bfe15186e2d..6818bcf68f3 100644
--- a/polaris-react/src/components/IndexTable/tests/IndexTable.test.tsx
+++ b/polaris-react/src/components/IndexTable/tests/IndexTable.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 import {SortAscendingMajor, SortDescendingMajor} from '@shopify/polaris-icons';
 
diff --git a/polaris-react/src/components/Indicator/Indicator.tsx b/polaris-react/src/components/Indicator/Indicator.tsx
index 47c770ed476..a774af2c4a8 100644
--- a/polaris-react/src/components/Indicator/Indicator.tsx
+++ b/polaris-react/src/components/Indicator/Indicator.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {classNames} from '../../utilities/css';
 
 import styles from './Indicator.scss';
diff --git a/polaris-react/src/components/Indicator/tests/Indicator.test.tsx b/polaris-react/src/components/Indicator/tests/Indicator.test.tsx
index 9581b7411ce..7424b93b7bc 100644
--- a/polaris-react/src/components/Indicator/tests/Indicator.test.tsx
+++ b/polaris-react/src/components/Indicator/tests/Indicator.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Indicator} from '../Indicator';
diff --git a/polaris-react/src/components/Inline/Inline.stories.tsx b/polaris-react/src/components/Inline/Inline.stories.tsx
index bf0dee3d02d..9369a8ee860 100644
--- a/polaris-react/src/components/Inline/Inline.stories.tsx
+++ b/polaris-react/src/components/Inline/Inline.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {Box, Badge, Icon, Inline, Thumbnail} from '@shopify/polaris';
 import {CapitalMajor, ImageMajor} from '@shopify/polaris-icons';
diff --git a/polaris-react/src/components/Inline/Inline.tsx b/polaris-react/src/components/Inline/Inline.tsx
index 0ce91aec553..9eb40ec018d 100644
--- a/polaris-react/src/components/Inline/Inline.tsx
+++ b/polaris-react/src/components/Inline/Inline.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {SpacingSpaceScale} from '@shopify/polaris-tokens';
 
 import {getResponsiveProps} from '../../utilities/css';
diff --git a/polaris-react/src/components/Inline/tests/Inline.test.tsx b/polaris-react/src/components/Inline/tests/Inline.test.tsx
index d110fc419e4..59cfe92c29a 100644
--- a/polaris-react/src/components/Inline/tests/Inline.test.tsx
+++ b/polaris-react/src/components/Inline/tests/Inline.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Inline} from '../Inline';
diff --git a/polaris-react/src/components/InlineCode/InlineCode.tsx b/polaris-react/src/components/InlineCode/InlineCode.tsx
index 8f732347a90..9cafbf4bcd0 100644
--- a/polaris-react/src/components/InlineCode/InlineCode.tsx
+++ b/polaris-react/src/components/InlineCode/InlineCode.tsx
@@ -1,4 +1,4 @@
-import React, {ReactNode} from 'react';
+import { ReactNode } from 'react';
 
 import styles from './InlineCode.scss';
 
diff --git a/polaris-react/src/components/InlineCode/tests/InlineCode.test.tsx b/polaris-react/src/components/InlineCode/tests/InlineCode.test.tsx
index b05714416e4..a87d23d111a 100644
--- a/polaris-react/src/components/InlineCode/tests/InlineCode.test.tsx
+++ b/polaris-react/src/components/InlineCode/tests/InlineCode.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {InlineCode} from '../InlineCode';
diff --git a/polaris-react/src/components/InlineError/InlineError.stories.tsx b/polaris-react/src/components/InlineError/InlineError.stories.tsx
index 879db4bfb38..d43b6b325f2 100644
--- a/polaris-react/src/components/InlineError/InlineError.stories.tsx
+++ b/polaris-react/src/components/InlineError/InlineError.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {InlineError} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/InlineError/InlineError.tsx b/polaris-react/src/components/InlineError/InlineError.tsx
index af0a40bf0d6..548219efa1a 100644
--- a/polaris-react/src/components/InlineError/InlineError.tsx
+++ b/polaris-react/src/components/InlineError/InlineError.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {AlertMinor} from '@shopify/polaris-icons';
 
 import {Icon} from '../Icon';
diff --git a/polaris-react/src/components/InlineError/tests/InlineError.test.tsx b/polaris-react/src/components/InlineError/tests/InlineError.test.tsx
index 5a37f921e13..e7a205aa2cc 100644
--- a/polaris-react/src/components/InlineError/tests/InlineError.test.tsx
+++ b/polaris-react/src/components/InlineError/tests/InlineError.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {InlineError, errorTextID} from '../InlineError';
diff --git a/polaris-react/src/components/KeyboardKey/KeyboardKey.stories.tsx b/polaris-react/src/components/KeyboardKey/KeyboardKey.stories.tsx
index d695369eb40..a2a9379bf2d 100644
--- a/polaris-react/src/components/KeyboardKey/KeyboardKey.stories.tsx
+++ b/polaris-react/src/components/KeyboardKey/KeyboardKey.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {KeyboardKey} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/KeyboardKey/KeyboardKey.tsx b/polaris-react/src/components/KeyboardKey/KeyboardKey.tsx
index 48143dde832..0a24c0b024c 100644
--- a/polaris-react/src/components/KeyboardKey/KeyboardKey.tsx
+++ b/polaris-react/src/components/KeyboardKey/KeyboardKey.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {classNames} from '../../utilities/css';
 
 import styles from './KeyboardKey.scss';
diff --git a/polaris-react/src/components/KeyboardKey/tests/KeyboardKey.test.tsx b/polaris-react/src/components/KeyboardKey/tests/KeyboardKey.test.tsx
index 3089336e782..9cbef9e6156 100644
--- a/polaris-react/src/components/KeyboardKey/tests/KeyboardKey.test.tsx
+++ b/polaris-react/src/components/KeyboardKey/tests/KeyboardKey.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {KeyboardKey} from '../KeyboardKey';
diff --git a/polaris-react/src/components/KeypressListener/tests/KeypressListener.test.tsx b/polaris-react/src/components/KeypressListener/tests/KeypressListener.test.tsx
index d759e60f0e4..472661a3dc8 100644
--- a/polaris-react/src/components/KeypressListener/tests/KeypressListener.test.tsx
+++ b/polaris-react/src/components/KeypressListener/tests/KeypressListener.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Key} from '../../../types';
diff --git a/polaris-react/src/components/KonamiCode/KonamiCode.tsx b/polaris-react/src/components/KonamiCode/KonamiCode.tsx
deleted file mode 100644
index 93ade688a32..00000000000
--- a/polaris-react/src/components/KonamiCode/KonamiCode.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import {useEffect, useRef} from 'react';
-
-import {Key} from '../../types';
-
-export interface KonamiCodeProps {
-  handler(event: KeyboardEvent): void;
-}
-
-export const KONAMI_CODE = [
-  Key.UpArrow,
-  Key.UpArrow,
-  Key.DownArrow,
-  Key.DownArrow,
-  Key.LeftArrow,
-  Key.RightArrow,
-  Key.LeftArrow,
-  Key.RightArrow,
-  Key.KeyB,
-  Key.KeyA,
-];
-
-export function KonamiCode({handler}: KonamiCodeProps) {
-  const keyEvent = 'keydown';
-  const position = useRef(0);
-
-  const handleKeyEvent = (event: KeyboardEvent) => {
-    const key = event.keyCode;
-    const requiredKey = KONAMI_CODE[position.current];
-
-    if (key === requiredKey) {
-      if (position.current === KONAMI_CODE.length - 1) {
-        handler(event);
-        position.current = 0;
-      } else {
-        position.current++;
-      }
-    } else {
-      position.current = 0;
-    }
-  };
-
-  useEffect(() => {
-    document.addEventListener(keyEvent, handleKeyEvent);
-    return () => {
-      document.removeEventListener(keyEvent, handleKeyEvent);
-    };
-  });
-
-  return null;
-}
diff --git a/polaris-react/src/components/KonamiCode/index.ts b/polaris-react/src/components/KonamiCode/index.ts
deleted file mode 100644
index bcbf369993a..00000000000
--- a/polaris-react/src/components/KonamiCode/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './KonamiCode';
diff --git a/polaris-react/src/components/KonamiCode/tests/KonamiCode.test.tsx b/polaris-react/src/components/KonamiCode/tests/KonamiCode.test.tsx
deleted file mode 100644
index 7e848454861..00000000000
--- a/polaris-react/src/components/KonamiCode/tests/KonamiCode.test.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import React from 'react';
-import {mountWithApp} from 'tests/utilities';
-
-import {KonamiCode, KONAMI_CODE} from '../KonamiCode';
-
-describe('<KonamiCode />', () => {
-  beforeEach(() => {
-    jest.spyOn(console, 'error').mockImplementation();
-  });
-
-  afterEach(() => {
-    // eslint-disable-next-line no-console
-    (console.error as jest.Mock).mockRestore();
-  });
-
-  it('calls the handler when the Konami Code is entered', () => {
-    const spy = jest.fn();
-
-    mountWithApp(<KonamiCode handler={spy} />);
-    simulateKeySequence(KONAMI_CODE);
-
-    expect(spy).toHaveBeenCalledTimes(1);
-  });
-
-  it('does not call the handler if the code is wrong', () => {
-    const spy = jest.fn();
-    const reverseKonamiCode = [...KONAMI_CODE].reverse();
-
-    mountWithApp(<KonamiCode handler={spy} />);
-    simulateKeySequence(reverseKonamiCode);
-
-    expect(spy).toHaveBeenCalledTimes(0);
-  });
-
-  it('removes Konami Code listener on unmount', () => {
-    const spy = jest.fn();
-
-    mountWithApp(<KonamiCode handler={spy} />).unmount();
-    simulateKeySequence(KONAMI_CODE);
-
-    expect(spy).toHaveBeenCalledTimes(0);
-  });
-});
-
-function simulateKeySequence(keys: number[]) {
-  for (const keyCode of keys) {
-    dispatchKeydown(keyCode);
-  }
-}
-
-function dispatchKeydown(keyCode: number) {
-  const event: KeyboardEventInit & {keyCode: number} = {keyCode};
-  document.dispatchEvent(new KeyboardEvent('keydown', event));
-}
diff --git a/polaris-react/src/components/Label/Label.tsx b/polaris-react/src/components/Label/Label.tsx
index 04a8c746d18..22e37952d29 100644
--- a/polaris-react/src/components/Label/Label.tsx
+++ b/polaris-react/src/components/Label/Label.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {classNames} from '../../utilities/css';
 
 import styles from './Label.scss';
diff --git a/polaris-react/src/components/Label/tests/Label.test.tsx b/polaris-react/src/components/Label/tests/Label.test.tsx
index 2b6acb04b76..f7df7eb3113 100644
--- a/polaris-react/src/components/Label/tests/Label.test.tsx
+++ b/polaris-react/src/components/Label/tests/Label.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Label, labelID} from '../Label';
diff --git a/polaris-react/src/components/Labelled/Labelled.tsx b/polaris-react/src/components/Labelled/Labelled.tsx
index e4a07e65b79..67efaf9fe1d 100644
--- a/polaris-react/src/components/Labelled/Labelled.tsx
+++ b/polaris-react/src/components/Labelled/Labelled.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {classNames} from '../../utilities/css';
 import type {Action, Error} from '../../types';
 import {buttonFrom} from '../Button';
diff --git a/polaris-react/src/components/Labelled/tests/Labelled.test.tsx b/polaris-react/src/components/Labelled/tests/Labelled.test.tsx
index e4d28273bef..d8704895bf1 100644
--- a/polaris-react/src/components/Labelled/tests/Labelled.test.tsx
+++ b/polaris-react/src/components/Labelled/tests/Labelled.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Button} from '../../Button';
diff --git a/polaris-react/src/components/Layout/Layout.stories.tsx b/polaris-react/src/components/Layout/Layout.stories.tsx
index 87dd41a6381..db866f82d20 100644
--- a/polaris-react/src/components/Layout/Layout.stories.tsx
+++ b/polaris-react/src/components/Layout/Layout.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {
   Banner,
diff --git a/polaris-react/src/components/Layout/Layout.tsx b/polaris-react/src/components/Layout/Layout.tsx
index fad85a4eb10..fced30b6804 100644
--- a/polaris-react/src/components/Layout/Layout.tsx
+++ b/polaris-react/src/components/Layout/Layout.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {AnnotatedSection, Section} from './components';
 import styles from './Layout.scss';
 
diff --git a/polaris-react/src/components/Layout/components/AnnotatedSection/AnnotatedSection.tsx b/polaris-react/src/components/Layout/components/AnnotatedSection/AnnotatedSection.tsx
index bac092e7afe..03817f62bb5 100644
--- a/polaris-react/src/components/Layout/components/AnnotatedSection/AnnotatedSection.tsx
+++ b/polaris-react/src/components/Layout/components/AnnotatedSection/AnnotatedSection.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {Box} from '../../../Box';
 import {Text} from '../../../Text';
 // eslint-disable-next-line import/no-deprecated
diff --git a/polaris-react/src/components/Layout/components/Section/Section.tsx b/polaris-react/src/components/Layout/components/Section/Section.tsx
index 628ee1628ec..6a00b2562e4 100644
--- a/polaris-react/src/components/Layout/components/Section/Section.tsx
+++ b/polaris-react/src/components/Layout/components/Section/Section.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {classNames} from '../../../../utilities/css';
 import styles from '../../Layout.scss';
 
diff --git a/polaris-react/src/components/Layout/tests/Layout.test.tsx b/polaris-react/src/components/Layout/tests/Layout.test.tsx
index 4bb114ed4a1..c7fbaf0d532 100644
--- a/polaris-react/src/components/Layout/tests/Layout.test.tsx
+++ b/polaris-react/src/components/Layout/tests/Layout.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Text} from '../../Text';
diff --git a/polaris-react/src/components/LegacyCard/LegacyCard.scss b/polaris-react/src/components/LegacyCard/LegacyCard.scss
index 1e8f2d3945f..b913e201617 100644
--- a/polaris-react/src/components/LegacyCard/LegacyCard.scss
+++ b/polaris-react/src/components/LegacyCard/LegacyCard.scss
@@ -12,14 +12,6 @@
       margin-top: calc(-1 * var(--p-space-2));
     }
   }
-  /* stylelint-disable-next-line polaris/conventions/selector-disallowed-list -- Temporary override, will be removed in v11 */
-  + [class^='Polaris-Card'] {
-    margin-top: var(--p-space-4);
-
-    @media print {
-      margin-top: calc(-1 * var(--p-space-2));
-    }
-  }
 
   @media #{$p-breakpoints-sm-up} {
     border-radius: var(--p-border-radius-2);
diff --git a/polaris-react/src/components/LegacyCard/LegacyCard.stories.tsx b/polaris-react/src/components/LegacyCard/LegacyCard.stories.tsx
index 4663bce56b9..f5c1d9005f2 100644
--- a/polaris-react/src/components/LegacyCard/LegacyCard.stories.tsx
+++ b/polaris-react/src/components/LegacyCard/LegacyCard.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {
   ActionList,
diff --git a/polaris-react/src/components/LegacyCard/LegacyCard.tsx b/polaris-react/src/components/LegacyCard/LegacyCard.tsx
index 1901c90ccaa..990974c9126 100644
--- a/polaris-react/src/components/LegacyCard/LegacyCard.tsx
+++ b/polaris-react/src/components/LegacyCard/LegacyCard.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {useI18n} from '../../utilities/i18n';
 import {classNames} from '../../utilities/css';
 import {useToggle} from '../../utilities/use-toggle';
diff --git a/polaris-react/src/components/LegacyCard/components/Header/Header.tsx b/polaris-react/src/components/LegacyCard/components/Header/Header.tsx
index 617da8cf88e..85fb5c715ec 100644
--- a/polaris-react/src/components/LegacyCard/components/Header/Header.tsx
+++ b/polaris-react/src/components/LegacyCard/components/Header/Header.tsx
@@ -1,4 +1,4 @@
-import React, {isValidElement} from 'react';
+import {isValidElement} from 'react';
 
 import type {DisableableAction} from '../../../../types';
 import {buttonsFrom} from '../../../Button';
diff --git a/polaris-react/src/components/LegacyCard/components/Header/tests/Header.test.tsx b/polaris-react/src/components/LegacyCard/components/Header/tests/Header.test.tsx
index 6449674f507..5e9717a56fc 100644
--- a/polaris-react/src/components/LegacyCard/components/Header/tests/Header.test.tsx
+++ b/polaris-react/src/components/LegacyCard/components/Header/tests/Header.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {buttonsFrom} from '../../../../Button';
diff --git a/polaris-react/src/components/LegacyCard/components/Section/Section.tsx b/polaris-react/src/components/LegacyCard/components/Section/Section.tsx
index 0e9f7fa68ce..b7a697b90b1 100644
--- a/polaris-react/src/components/LegacyCard/components/Section/Section.tsx
+++ b/polaris-react/src/components/LegacyCard/components/Section/Section.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {classNames} from '../../../../utilities/css';
 import type {ComplexAction} from '../../../../types';
 import {buttonsFrom} from '../../../Button';
diff --git a/polaris-react/src/components/LegacyCard/components/Section/tests/Section.test.tsx b/polaris-react/src/components/LegacyCard/components/Section/tests/Section.test.tsx
index be63f7cdfdd..f6024b117a1 100644
--- a/polaris-react/src/components/LegacyCard/components/Section/tests/Section.test.tsx
+++ b/polaris-react/src/components/LegacyCard/components/Section/tests/Section.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Badge} from '../../../../Badge';
diff --git a/polaris-react/src/components/LegacyCard/components/Subsection/Subsection.tsx b/polaris-react/src/components/LegacyCard/components/Subsection/Subsection.tsx
index c72f6b5ef35..f306f4f57af 100644
--- a/polaris-react/src/components/LegacyCard/components/Subsection/Subsection.tsx
+++ b/polaris-react/src/components/LegacyCard/components/Subsection/Subsection.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import styles from '../../LegacyCard.scss';
 
 export interface LegacyCardSubsectionProps {
diff --git a/polaris-react/src/components/LegacyCard/components/Subsection/tests/Subsection.test.tsx b/polaris-react/src/components/LegacyCard/components/Subsection/tests/Subsection.test.tsx
index 0aaeea43fe2..5a7c2a035e5 100644
--- a/polaris-react/src/components/LegacyCard/components/Subsection/tests/Subsection.test.tsx
+++ b/polaris-react/src/components/LegacyCard/components/Subsection/tests/Subsection.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Subsection} from '../Subsection';
diff --git a/polaris-react/src/components/LegacyCard/tests/LegacyCard.test.tsx b/polaris-react/src/components/LegacyCard/tests/LegacyCard.test.tsx
index e923f4b14ed..4d91676e5dc 100644
--- a/polaris-react/src/components/LegacyCard/tests/LegacyCard.test.tsx
+++ b/polaris-react/src/components/LegacyCard/tests/LegacyCard.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Badge} from '../../Badge';
diff --git a/polaris-react/src/components/LegacyStack/LegacyStack.stories.tsx b/polaris-react/src/components/LegacyStack/LegacyStack.stories.tsx
index f007841ac34..d903e884bae 100644
--- a/polaris-react/src/components/LegacyStack/LegacyStack.stories.tsx
+++ b/polaris-react/src/components/LegacyStack/LegacyStack.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {Badge, Text, LegacyStack} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/LegacyStack/LegacyStack.tsx b/polaris-react/src/components/LegacyStack/LegacyStack.tsx
index f5a69208ea9..58f7a386a87 100644
--- a/polaris-react/src/components/LegacyStack/LegacyStack.tsx
+++ b/polaris-react/src/components/LegacyStack/LegacyStack.tsx
@@ -1,4 +1,4 @@
-import React, {memo, NamedExoticComponent} from 'react';
+import {memo, NamedExoticComponent} from 'react';
 
 import {classNames, variationName} from '../../utilities/css';
 import {elementChildren, wrapWithComponent} from '../../utilities/components';
diff --git a/polaris-react/src/components/LegacyStack/components/Item/Item.tsx b/polaris-react/src/components/LegacyStack/components/Item/Item.tsx
index 450131f7a5a..4b522d989ef 100644
--- a/polaris-react/src/components/LegacyStack/components/Item/Item.tsx
+++ b/polaris-react/src/components/LegacyStack/components/Item/Item.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {classNames} from '../../../../utilities/css';
 import styles from '../../LegacyStack.scss';
 
diff --git a/polaris-react/src/components/LegacyStack/tests/LegacyStack.test.tsx b/polaris-react/src/components/LegacyStack/tests/LegacyStack.test.tsx
index 9551352e7f0..fcf3f18433b 100644
--- a/polaris-react/src/components/LegacyStack/tests/LegacyStack.test.tsx
+++ b/polaris-react/src/components/LegacyStack/tests/LegacyStack.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {LegacyStack} from '../LegacyStack';
diff --git a/polaris-react/src/components/Link/Link.stories.tsx b/polaris-react/src/components/Link/Link.stories.tsx
index a35fb7ad4d8..5f3cdb08a44 100644
--- a/polaris-react/src/components/Link/Link.stories.tsx
+++ b/polaris-react/src/components/Link/Link.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {Banner, Link} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/Link/Link.tsx b/polaris-react/src/components/Link/Link.tsx
index f1eb3a6b74a..f573d626051 100644
--- a/polaris-react/src/components/Link/Link.tsx
+++ b/polaris-react/src/components/Link/Link.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {BannerContext} from '../../utilities/banner-context';
 import {classNames} from '../../utilities/css';
 import {UnstyledLink} from '../UnstyledLink';
diff --git a/polaris-react/src/components/Link/tests/Link.test.tsx b/polaris-react/src/components/Link/tests/Link.test.tsx
index 41392e52106..adc74291914 100644
--- a/polaris-react/src/components/Link/tests/Link.test.tsx
+++ b/polaris-react/src/components/Link/tests/Link.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Banner} from '../../Banner';
diff --git a/polaris-react/src/components/List/List.stories.tsx b/polaris-react/src/components/List/List.stories.tsx
index 0d1b2e2a0cf..c945b16d417 100644
--- a/polaris-react/src/components/List/List.stories.tsx
+++ b/polaris-react/src/components/List/List.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {List} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/List/List.tsx b/polaris-react/src/components/List/List.tsx
index 19afc52c5f0..f2cf1c96379 100644
--- a/polaris-react/src/components/List/List.tsx
+++ b/polaris-react/src/components/List/List.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {classNames, variationName} from '../../utilities/css';
 
 import {Item} from './components';
diff --git a/polaris-react/src/components/List/components/Item/Item.tsx b/polaris-react/src/components/List/components/Item/Item.tsx
index d2ebfdb9353..58f6e1317b9 100644
--- a/polaris-react/src/components/List/components/Item/Item.tsx
+++ b/polaris-react/src/components/List/components/Item/Item.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import styles from '../../List.scss';
 
 export interface ItemProps {
diff --git a/polaris-react/src/components/List/components/Item/tests/Item.test.tsx b/polaris-react/src/components/List/components/Item/tests/Item.test.tsx
index a0f611eab95..5e39bdbc8b7 100644
--- a/polaris-react/src/components/List/components/Item/tests/Item.test.tsx
+++ b/polaris-react/src/components/List/components/Item/tests/Item.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Item} from '../Item';
diff --git a/polaris-react/src/components/List/tests/List.test.tsx b/polaris-react/src/components/List/tests/List.test.tsx
index 9bff04fee95..863c1457f9a 100644
--- a/polaris-react/src/components/List/tests/List.test.tsx
+++ b/polaris-react/src/components/List/tests/List.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {List} from '../List';
diff --git a/polaris-react/src/components/Listbox/Listbox.stories.tsx b/polaris-react/src/components/Listbox/Listbox.stories.tsx
index 8718bcaca90..ebc3394ff75 100644
--- a/polaris-react/src/components/Listbox/Listbox.stories.tsx
+++ b/polaris-react/src/components/Listbox/Listbox.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useState} from 'react';
+import { useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {
   LegacyCard,
diff --git a/polaris-react/src/components/Listbox/Listbox.tsx b/polaris-react/src/components/Listbox/Listbox.tsx
index 805ccc16ac7..c3a689ac010 100644
--- a/polaris-react/src/components/Listbox/Listbox.tsx
+++ b/polaris-react/src/components/Listbox/Listbox.tsx
@@ -1,16 +1,16 @@
-import React, {
+import {
   useState,
   useRef,
   useEffect,
   useCallback,
   ReactNode,
   useMemo,
+  useId,
   Children,
 } from 'react';
 
 import {debounce} from '../../utilities/debounce';
 import {useToggle} from '../../utilities/use-toggle';
-import {useUniqueId} from '../../utilities/unique-id';
 import {useComboboxListbox} from '../../utilities/combobox';
 import {
   ListboxContext,
@@ -88,7 +88,7 @@ export function Listbox({
     setFalse: disableKeyboardEvents,
   } = useToggle(Boolean(enableKeyboardControl));
 
-  const uniqueId = useUniqueId('Listbox');
+  const uniqueId = useId();
   const listId = customListId || uniqueId;
 
   const scrollableRef = useRef<HTMLElement | null>(null);
diff --git a/polaris-react/src/components/Listbox/components/Action/Action.tsx b/polaris-react/src/components/Listbox/components/Action/Action.tsx
index ffaf5496dd4..5db65b63397 100644
--- a/polaris-react/src/components/Listbox/components/Action/Action.tsx
+++ b/polaris-react/src/components/Listbox/components/Action/Action.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {Icon} from '../../../Icon';
 import type {IconProps} from '../../../Icon';
 import {Option, OptionProps} from '../Option';
diff --git a/polaris-react/src/components/Listbox/components/Action/tests/Action.test.tsx b/polaris-react/src/components/Listbox/components/Action/tests/Action.test.tsx
index a0370452a2e..7c20b36171e 100644
--- a/polaris-react/src/components/Listbox/components/Action/tests/Action.test.tsx
+++ b/polaris-react/src/components/Listbox/components/Action/tests/Action.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {CirclePlusMinor, AddMajor} from '@shopify/polaris-icons';
 import {mountWithListboxProvider} from 'tests/utilities/listbox';
 
diff --git a/polaris-react/src/components/Listbox/components/Header/Header.tsx b/polaris-react/src/components/Listbox/components/Header/Header.tsx
index 4ff346844b3..0afcb1a0e8d 100644
--- a/polaris-react/src/components/Listbox/components/Header/Header.tsx
+++ b/polaris-react/src/components/Listbox/components/Header/Header.tsx
@@ -1,4 +1,4 @@
-import React, {ReactNode} from 'react';
+import { ReactNode } from 'react';
 
 import {useSection} from '../Section';
 import {Box} from '../../../Box';
diff --git a/polaris-react/src/components/Listbox/components/Header/tests/Header.test.tsx b/polaris-react/src/components/Listbox/components/Header/tests/Header.test.tsx
index c236df039a0..64411667bf5 100644
--- a/polaris-react/src/components/Listbox/components/Header/tests/Header.test.tsx
+++ b/polaris-react/src/components/Listbox/components/Header/tests/Header.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Header} from '../Header';
diff --git a/polaris-react/src/components/Listbox/components/Loading/Loading.tsx b/polaris-react/src/components/Listbox/components/Loading/Loading.tsx
index ee1f4b50261..e9768314f44 100644
--- a/polaris-react/src/components/Listbox/components/Loading/Loading.tsx
+++ b/polaris-react/src/components/Listbox/components/Loading/Loading.tsx
@@ -1,4 +1,4 @@
-import React, {memo, useEffect} from 'react';
+import {memo, useEffect} from 'react';
 
 import {Spinner} from '../../../Spinner';
 import {useListbox} from '../../../../utilities/listbox';
diff --git a/polaris-react/src/components/Listbox/components/Loading/tests/Loading.test.tsx b/polaris-react/src/components/Listbox/components/Loading/tests/Loading.test.tsx
index 1f706d18355..85b5edb2f2b 100644
--- a/polaris-react/src/components/Listbox/components/Loading/tests/Loading.test.tsx
+++ b/polaris-react/src/components/Listbox/components/Loading/tests/Loading.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {ListboxContext} from '../../../../../utilities/listbox';
diff --git a/polaris-react/src/components/Listbox/components/Option/Option.tsx b/polaris-react/src/components/Listbox/components/Option/Option.tsx
index f991c2e64b6..93d078ef66b 100644
--- a/polaris-react/src/components/Listbox/components/Option/Option.tsx
+++ b/polaris-react/src/components/Listbox/components/Option/Option.tsx
@@ -1,7 +1,6 @@
-import React, {useRef, useCallback, memo, useContext} from 'react';
+import {useRef, useCallback, memo, useContext, useId} from 'react';
 
 import {classNames} from '../../../../utilities/css';
-import {useUniqueId} from '../../../../utilities/unique-id';
 import {useListbox} from '../../../../utilities/listbox';
 import {useSection, listboxWithinSectionDataSelector} from '../Section';
 import {TextOption} from '../TextOption';
@@ -40,7 +39,7 @@ export const Option = memo(function Option({
     useContext(MappedActionContext);
 
   const listItemRef = useRef<HTMLLIElement>(null);
-  const domId = useUniqueId('ListboxOption');
+  const domId = useId();
   const sectionId = useSection();
   const isWithinSection = Boolean(sectionId);
 
diff --git a/polaris-react/src/components/Listbox/components/Option/tests/Option.test.tsx b/polaris-react/src/components/Listbox/components/Option/tests/Option.test.tsx
index e5b13c89147..0519523b80e 100644
--- a/polaris-react/src/components/Listbox/components/Option/tests/Option.test.tsx
+++ b/polaris-react/src/components/Listbox/components/Option/tests/Option.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mount} from 'tests/utilities';
 import {mountWithListboxProvider} from 'tests/utilities/listbox';
 
diff --git a/polaris-react/src/components/Listbox/components/Section/Section.tsx b/polaris-react/src/components/Listbox/components/Section/Section.tsx
index 2578e2a86a0..9624b160a2c 100644
--- a/polaris-react/src/components/Listbox/components/Section/Section.tsx
+++ b/polaris-react/src/components/Listbox/components/Section/Section.tsx
@@ -1,7 +1,6 @@
-import React, {ReactNode} from 'react';
+import { ReactNode, useId } from 'react';
 
 import {classNames} from '../../../../utilities/css';
-import {useUniqueId} from '../../../../utilities/unique-id';
 
 import {listboxSectionDataSelector} from './selectors';
 import {SectionContext} from './context';
@@ -14,15 +13,15 @@ interface SectionProps {
 }
 
 export function Section({children, divider = true, title}: SectionProps) {
-  const sectionId = useUniqueId('ListboxSection');
+  const id = useId();
 
   return (
-    <SectionContext.Provider value={sectionId}>
+    <SectionContext.Provider value={id}>
       <li role="presentation" {...listboxSectionDataSelector.props}>
         {title}
         <ul
           role="group"
-          aria-labelledby={sectionId}
+          aria-labelledby={id}
           className={classNames(
             styles.SectionGroup,
             !divider && styles.noDivider,
diff --git a/polaris-react/src/components/Listbox/components/Section/tests/Section.test.tsx b/polaris-react/src/components/Listbox/components/Section/tests/Section.test.tsx
index 40a889957ae..8880dcff10f 100644
--- a/polaris-react/src/components/Listbox/components/Section/tests/Section.test.tsx
+++ b/polaris-react/src/components/Listbox/components/Section/tests/Section.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Section} from '../Section';
diff --git a/polaris-react/src/components/Listbox/components/TextOption/TextOption.tsx b/polaris-react/src/components/Listbox/components/TextOption/TextOption.tsx
index ca5d4b2397c..a2a2b3d0971 100644
--- a/polaris-react/src/components/Listbox/components/TextOption/TextOption.tsx
+++ b/polaris-react/src/components/Listbox/components/TextOption/TextOption.tsx
@@ -1,4 +1,4 @@
-import React, {memo, useContext} from 'react';
+import {memo, useContext} from 'react';
 
 import {Checkbox} from '../../../Checkbox';
 import {classNames} from '../../../../utilities/css';
diff --git a/polaris-react/src/components/Listbox/components/TextOption/tests/TextOption.test.tsx b/polaris-react/src/components/Listbox/components/TextOption/tests/TextOption.test.tsx
index 328793ea5fc..76c35621df3 100644
--- a/polaris-react/src/components/Listbox/components/TextOption/tests/TextOption.test.tsx
+++ b/polaris-react/src/components/Listbox/components/TextOption/tests/TextOption.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mount, mountWithApp} from 'tests/utilities';
 
 import {TextOption} from '../TextOption';
diff --git a/polaris-react/src/components/Listbox/tests/Listbox.test.tsx b/polaris-react/src/components/Listbox/tests/Listbox.test.tsx
index 88693ab4c30..59f650fed70 100644
--- a/polaris-react/src/components/Listbox/tests/Listbox.test.tsx
+++ b/polaris-react/src/components/Listbox/tests/Listbox.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 import {animationFrame, timer} from '@shopify/jest-dom-mocks';
 import {
diff --git a/polaris-react/src/components/Loading/Loading.stories.tsx b/polaris-react/src/components/Loading/Loading.stories.tsx
index c0b145e463e..d1f4c9e5e27 100644
--- a/polaris-react/src/components/Loading/Loading.stories.tsx
+++ b/polaris-react/src/components/Loading/Loading.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {Frame, Loading} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/Loading/tests/Loading.test.tsx b/polaris-react/src/components/Loading/tests/Loading.test.tsx
index e802c9eb106..eef3d3ac42d 100644
--- a/polaris-react/src/components/Loading/tests/Loading.test.tsx
+++ b/polaris-react/src/components/Loading/tests/Loading.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Loading} from '../Loading';
diff --git a/polaris-react/src/components/MediaCard/MediaCard.stories.tsx b/polaris-react/src/components/MediaCard/MediaCard.stories.tsx
index 2a4b3b6fdd3..87250e19659 100644
--- a/polaris-react/src/components/MediaCard/MediaCard.stories.tsx
+++ b/polaris-react/src/components/MediaCard/MediaCard.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {MediaCard, VideoThumbnail} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/MediaCard/MediaCard.tsx b/polaris-react/src/components/MediaCard/MediaCard.tsx
index a37e04cb6ca..0d9a9b08e47 100644
--- a/polaris-react/src/components/MediaCard/MediaCard.tsx
+++ b/polaris-react/src/components/MediaCard/MediaCard.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {HorizontalDotsMinor} from '@shopify/polaris-icons';
 
 import {useToggle} from '../../utilities/use-toggle';
diff --git a/polaris-react/src/components/MediaCard/tests/MediaCard.test.tsx b/polaris-react/src/components/MediaCard/tests/MediaCard.test.tsx
index b27f9cc35dc..535cef727e2 100644
--- a/polaris-react/src/components/MediaCard/tests/MediaCard.test.tsx
+++ b/polaris-react/src/components/MediaCard/tests/MediaCard.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Text} from '../../Text';
diff --git a/polaris-react/src/components/MediaQueryProvider/MediaQueryProvider.tsx b/polaris-react/src/components/MediaQueryProvider/MediaQueryProvider.tsx
index c63e554019d..1d07fd28f6d 100644
--- a/polaris-react/src/components/MediaQueryProvider/MediaQueryProvider.tsx
+++ b/polaris-react/src/components/MediaQueryProvider/MediaQueryProvider.tsx
@@ -1,4 +1,4 @@
-import React, {useEffect, useState, useCallback, useMemo} from 'react';
+import {useEffect, useState, useCallback, useMemo} from 'react';
 
 import {debounce} from '../../utilities/debounce';
 import {MediaQueryContext} from '../../utilities/media-query';
diff --git a/polaris-react/src/components/MediaQueryProvider/tests/MediaQueryProvider.test.tsx b/polaris-react/src/components/MediaQueryProvider/tests/MediaQueryProvider.test.tsx
index 23ed7d790ca..4af05eb343a 100644
--- a/polaris-react/src/components/MediaQueryProvider/tests/MediaQueryProvider.test.tsx
+++ b/polaris-react/src/components/MediaQueryProvider/tests/MediaQueryProvider.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {matchMedia} from '@shopify/jest-dom-mocks';
 import {act} from 'react-dom/test-utils';
 import {mountWithApp} from 'tests/utilities';
diff --git a/polaris-react/src/components/MessageIndicator/MessageIndicator.tsx b/polaris-react/src/components/MessageIndicator/MessageIndicator.tsx
index e621eee512e..0143f9f0a03 100644
--- a/polaris-react/src/components/MessageIndicator/MessageIndicator.tsx
+++ b/polaris-react/src/components/MessageIndicator/MessageIndicator.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import styles from './MessageIndicator.scss';
 
 export interface MessageIndicatorProps {
diff --git a/polaris-react/src/components/MessageIndicator/tests/MessageIndicator.test.tsx b/polaris-react/src/components/MessageIndicator/tests/MessageIndicator.test.tsx
index d431b6c2f48..681c92eb496 100644
--- a/polaris-react/src/components/MessageIndicator/tests/MessageIndicator.test.tsx
+++ b/polaris-react/src/components/MessageIndicator/tests/MessageIndicator.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {MessageIndicator} from '../MessageIndicator';
diff --git a/polaris-react/src/components/Modal/Modal.stories.tsx b/polaris-react/src/components/Modal/Modal.stories.tsx
index 2b732b9baea..0cf8875d1bd 100644
--- a/polaris-react/src/components/Modal/Modal.stories.tsx
+++ b/polaris-react/src/components/Modal/Modal.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useRef, useState} from 'react';
+import { useCallback, useRef, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {
   Banner,
diff --git a/polaris-react/src/components/Modal/Modal.tsx b/polaris-react/src/components/Modal/Modal.tsx
index dfd0f9e625a..332f28337f0 100644
--- a/polaris-react/src/components/Modal/Modal.tsx
+++ b/polaris-react/src/components/Modal/Modal.tsx
@@ -1,8 +1,7 @@
-import React, {useState, useCallback, useRef} from 'react';
+import {useState, useCallback, useRef, useId} from 'react';
 import {TransitionGroup} from 'react-transition-group';
 
 import {focusFirstFocusableNode} from '../../utilities/focus';
-import {useUniqueId} from '../../utilities/unique-id/hooks';
 import {useI18n} from '../../utilities/i18n';
 import {WithinContentContext} from '../../utilities/within-content-context';
 import {wrapWithComponent} from '../../utilities/components';
@@ -94,7 +93,7 @@ export const Modal: React.FunctionComponent<ModalProps> & {
   const [iframeHeight, setIframeHeight] = useState(IFRAME_LOADING_HEIGHT);
   const [closing, setClosing] = useState(false);
 
-  const headerId = useUniqueId('modal-header');
+  const headerId = useId();
   const activatorRef = useRef<HTMLDivElement>(null);
 
   const i18n = useI18n();
diff --git a/polaris-react/src/components/Modal/components/CloseButton/CloseButton.tsx b/polaris-react/src/components/Modal/components/CloseButton/CloseButton.tsx
index 176f52ef244..ce14449284b 100644
--- a/polaris-react/src/components/Modal/components/CloseButton/CloseButton.tsx
+++ b/polaris-react/src/components/Modal/components/CloseButton/CloseButton.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {MobileCancelMajor} from '@shopify/polaris-icons';
 
 import {classNames} from '../../../../utilities/css';
diff --git a/polaris-react/src/components/Modal/components/Dialog/Dialog.tsx b/polaris-react/src/components/Modal/components/Dialog/Dialog.tsx
index ae4706dd863..53b5936ea3c 100644
--- a/polaris-react/src/components/Modal/components/Dialog/Dialog.tsx
+++ b/polaris-react/src/components/Modal/components/Dialog/Dialog.tsx
@@ -1,4 +1,4 @@
-import React, {useRef, useEffect, SetStateAction, Dispatch} from 'react';
+import {useRef, useEffect, SetStateAction, Dispatch} from 'react';
 import {Transition, CSSTransition} from 'react-transition-group';
 import {motion} from '@shopify/polaris-tokens';
 
diff --git a/polaris-react/src/components/Modal/components/Dialog/tests/Dialog.test.tsx b/polaris-react/src/components/Modal/components/Dialog/tests/Dialog.test.tsx
index 04a6233ba0b..e16fa6cc5b0 100644
--- a/polaris-react/src/components/Modal/components/Dialog/tests/Dialog.test.tsx
+++ b/polaris-react/src/components/Modal/components/Dialog/tests/Dialog.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {animationFrame} from '@shopify/jest-dom-mocks';
 import {mountWithApp} from 'tests/utilities';
 
diff --git a/polaris-react/src/components/Modal/components/Footer/Footer.tsx b/polaris-react/src/components/Modal/components/Footer/Footer.tsx
index 7a282cd4c86..98a75088a38 100644
--- a/polaris-react/src/components/Modal/components/Footer/Footer.tsx
+++ b/polaris-react/src/components/Modal/components/Footer/Footer.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import type {ComplexAction} from '../../../../types';
 import {buttonsFrom} from '../../../Button';
 import {Box} from '../../../Box';
diff --git a/polaris-react/src/components/Modal/components/Header/Header.tsx b/polaris-react/src/components/Modal/components/Header/Header.tsx
index 7a2dadb58d9..14d522ca07c 100644
--- a/polaris-react/src/components/Modal/components/Header/Header.tsx
+++ b/polaris-react/src/components/Modal/components/Header/Header.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {Box} from '../../../Box';
 import {CloseButton} from '../CloseButton';
 import {Columns} from '../../../Columns';
diff --git a/polaris-react/src/components/Modal/components/Section/Section.tsx b/polaris-react/src/components/Modal/components/Section/Section.tsx
index 032159fbbf6..589f90ee017 100644
--- a/polaris-react/src/components/Modal/components/Section/Section.tsx
+++ b/polaris-react/src/components/Modal/components/Section/Section.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {Box} from '../../../Box';
 import {classNames} from '../../../../utilities/css';
 
diff --git a/polaris-react/src/components/Modal/tests/Modal.test.tsx b/polaris-react/src/components/Modal/tests/Modal.test.tsx
index 12c5dee78c3..c0227907beb 100644
--- a/polaris-react/src/components/Modal/tests/Modal.test.tsx
+++ b/polaris-react/src/components/Modal/tests/Modal.test.tsx
@@ -1,4 +1,4 @@
-import React, {useRef} from 'react';
+import {useRef} from 'react';
 import {animationFrame} from '@shopify/jest-dom-mocks';
 import {mountWithApp} from 'tests/utilities';
 
diff --git a/polaris-react/src/components/Navigation/Navigation.scss b/polaris-react/src/components/Navigation/Navigation.scss
index 41bcbf918ce..47b840816cf 100644
--- a/polaris-react/src/components/Navigation/Navigation.scss
+++ b/polaris-react/src/components/Navigation/Navigation.scss
@@ -536,8 +536,6 @@ $disabled-fade: 0.6;
 }
 
 .SectionHeading {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  text-transform: none; // Adding this intentionally to override the default subheading styling.
   // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
   display: flex;
   // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
diff --git a/polaris-react/src/components/Navigation/Navigation.stories.tsx b/polaris-react/src/components/Navigation/Navigation.stories.tsx
index d2bc4488c23..8aef24a351c 100644
--- a/polaris-react/src/components/Navigation/Navigation.stories.tsx
+++ b/polaris-react/src/components/Navigation/Navigation.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {Frame, Navigation, Text} from '@shopify/polaris';
 import {
diff --git a/polaris-react/src/components/Navigation/Navigation.tsx b/polaris-react/src/components/Navigation/Navigation.tsx
index df8afc527a2..78b1ccb4193 100644
--- a/polaris-react/src/components/Navigation/Navigation.tsx
+++ b/polaris-react/src/components/Navigation/Navigation.tsx
@@ -1,4 +1,4 @@
-import React, {useMemo} from 'react';
+import {useMemo} from 'react';
 
 import {Scrollable} from '../Scrollable';
 import {WithinContentContext} from '../../utilities/within-content-context';
diff --git a/polaris-react/src/components/Navigation/components/Item/Item.tsx b/polaris-react/src/components/Navigation/components/Item/Item.tsx
index 9cfaf633c82..1e0db016e4d 100644
--- a/polaris-react/src/components/Navigation/components/Item/Item.tsx
+++ b/polaris-react/src/components/Navigation/components/Item/Item.tsx
@@ -1,11 +1,4 @@
-import React, {
-  useEffect,
-  useContext,
-  useState,
-  MouseEvent,
-  ReactNode,
-  useRef,
-} from 'react';
+import { useEffect, useContext, useState, MouseEvent, ReactNode, useRef, useId } from 'react';
 
 import {useIsomorphicLayoutEffect} from '../../../../utilities/use-isomorphic-layout-effect';
 import {classNames} from '../../../../utilities/css';
@@ -17,7 +10,6 @@ import {UnstyledButton} from '../../../UnstyledButton';
 import {UnstyledLink} from '../../../UnstyledLink';
 import {useI18n} from '../../../../utilities/i18n';
 import {useMediaQuery} from '../../../../utilities/media-query';
-import {useUniqueId} from '../../../../utilities/unique-id';
 import styles from '../../Navigation.scss';
 import {Tooltip, TooltipProps} from '../../../Tooltip';
 
@@ -108,7 +100,7 @@ export function Item({
 }: ItemProps) {
   const i18n = useI18n();
   const {isNavigationCollapsed} = useMediaQuery();
-  const secondaryNavigationId = useUniqueId('SecondaryNavigation');
+  const secondaryNavigationId = useId();
   const {location, onNavigationDismiss} = useContext(NavigationContext);
   const navTextRef = useRef<HTMLSpanElement>(null);
   const [isTruncated, setIsTruncated] = useState(false);
diff --git a/polaris-react/src/components/Navigation/components/Item/components/Secondary/Secondary.tsx b/polaris-react/src/components/Navigation/components/Item/components/Secondary/Secondary.tsx
index c009c9c13db..613709fff22 100644
--- a/polaris-react/src/components/Navigation/components/Item/components/Secondary/Secondary.tsx
+++ b/polaris-react/src/components/Navigation/components/Item/components/Secondary/Secondary.tsx
@@ -1,6 +1,5 @@
-import React from 'react';
+import {useId} from 'react';
 
-import {useUniqueId} from '../../../../../../utilities/unique-id';
 import {Collapsible} from '../../../../../Collapsible';
 import styles from '../../../../Navigation.scss';
 
@@ -11,7 +10,7 @@ interface SecondaryProps {
 }
 
 export function Secondary({id, children, expanded}: SecondaryProps) {
-  const uid = useUniqueId('SecondaryNavigation');
+  const uid = useId();
   return (
     <Collapsible id={id || uid} open={expanded} transition={false}>
       <ul className={styles.List}>{children}</ul>
diff --git a/polaris-react/src/components/Navigation/components/Item/components/Secondary/tests/Secondary.test.tsx b/polaris-react/src/components/Navigation/components/Item/components/Secondary/tests/Secondary.test.tsx
index dfd4a3d7efe..86cfb1ea56a 100644
--- a/polaris-react/src/components/Navigation/components/Item/components/Secondary/tests/Secondary.test.tsx
+++ b/polaris-react/src/components/Navigation/components/Item/components/Secondary/tests/Secondary.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Collapsible} from '../../../../../../Collapsible';
@@ -8,7 +7,7 @@ describe('Secondary()', () => {
   it('passes a default id to Collapsible', () => {
     const component = mountWithApp(<Secondary expanded />);
     expect(component).toContainReactComponent(Collapsible, {
-      id: 'PolarisSecondaryNavigation1',
+      id: ':r0:',
     });
   });
 
diff --git a/polaris-react/src/components/Navigation/components/Item/tests/Item.test.tsx b/polaris-react/src/components/Navigation/components/Item/tests/Item.test.tsx
index 151060b69b6..344241347a6 100644
--- a/polaris-react/src/components/Navigation/components/Item/tests/Item.test.tsx
+++ b/polaris-react/src/components/Navigation/components/Item/tests/Item.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {PlusMinor} from '@shopify/polaris-icons';
 import {matchMedia} from '@shopify/jest-dom-mocks';
 import {mountWithApp} from 'tests/utilities';
@@ -476,7 +475,7 @@ describe('<Nav.Item />', () => {
 
       expect(item).toContainReactComponent('a', {
         'aria-expanded': false,
-        'aria-controls': 'PolarisSecondaryNavigation1',
+        'aria-controls': ':r18:',
       });
     });
 
diff --git a/polaris-react/src/components/Navigation/components/Section/Section.tsx b/polaris-react/src/components/Navigation/components/Section/Section.tsx
index 0b8cef2fff8..8d30eecd891 100644
--- a/polaris-react/src/components/Navigation/components/Section/Section.tsx
+++ b/polaris-react/src/components/Navigation/components/Section/Section.tsx
@@ -1,9 +1,8 @@
-import React, {useEffect, useRef, useState} from 'react';
+import { useEffect, useRef, useState, useId } from 'react';
 import {HorizontalDotsMinor} from '@shopify/polaris-icons';
 
 import {classNames} from '../../../../utilities/css';
 import {useMediaQuery} from '../../../../utilities/media-query';
-import {useUniqueId} from '../../../../utilities/unique-id';
 import {useToggle} from '../../../../utilities/use-toggle';
 import {Collapsible} from '../../../Collapsible';
 import {Icon, IconProps} from '../../../Icon';
@@ -184,7 +183,7 @@ export function Section({
     );
   }
 
-  const additionalItemsId = useUniqueId('AdditionalItems');
+  const additionalItemsId = useId();
 
   const activeItemsMarkup = rollup && additionalItems.length > 0 && (
     <li className={styles.RollupSection}>
diff --git a/polaris-react/src/components/Navigation/components/Section/tests/Section.test.tsx b/polaris-react/src/components/Navigation/components/Section/tests/Section.test.tsx
index bb023bac343..597b700c1a6 100644
--- a/polaris-react/src/components/Navigation/components/Section/tests/Section.test.tsx
+++ b/polaris-react/src/components/Navigation/components/Section/tests/Section.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {matchMedia, animationFrame} from '@shopify/jest-dom-mocks';
 import {mountWithApp} from 'tests/utilities';
 
diff --git a/polaris-react/src/components/Navigation/tests/Navigation.test.tsx b/polaris-react/src/components/Navigation/tests/Navigation.test.tsx
index ff14ee1ad7c..fae4a5bddf3 100644
--- a/polaris-react/src/components/Navigation/tests/Navigation.test.tsx
+++ b/polaris-react/src/components/Navigation/tests/Navigation.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Navigation} from '../Navigation';
diff --git a/polaris-react/src/components/OptionList/OptionList.stories.tsx b/polaris-react/src/components/OptionList/OptionList.stories.tsx
index eb9f8d5bf3e..7a51c9d8744 100644
--- a/polaris-react/src/components/OptionList/OptionList.stories.tsx
+++ b/polaris-react/src/components/OptionList/OptionList.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import { useCallback, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {Button, LegacyCard, OptionList, Popover} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/OptionList/OptionList.tsx b/polaris-react/src/components/OptionList/OptionList.tsx
index 3e6b992998f..86e73630533 100644
--- a/polaris-react/src/components/OptionList/OptionList.tsx
+++ b/polaris-react/src/components/OptionList/OptionList.tsx
@@ -1,4 +1,4 @@
-import React, {useState, useCallback} from 'react';
+import { useState, useCallback, useId } from 'react';
 
 import type {
   Descriptor,
@@ -7,7 +7,6 @@ import type {
 } from '../../types';
 import {isSection} from '../../utilities/options';
 import {arraysAreEqual} from '../../utilities/arrays';
-import {useUniqueId} from '../../utilities/unique-id';
 import {useDeepEffect} from '../../utilities/use-deep-effect';
 import {Box, BoxProps} from '../Box';
 import {Text} from '../Text';
@@ -55,7 +54,8 @@ export function OptionList({
   const [normalizedOptions, setNormalizedOptions] = useState(
     createNormalizedOptions(options, sections, title),
   );
-  const id = useUniqueId('OptionList', idProp);
+  const uniqId = useId();
+  const id = idProp ?? uniqId;
 
   useDeepEffect(
     () => {
diff --git a/polaris-react/src/components/OptionList/components/Checkbox/Checkbox.tsx b/polaris-react/src/components/OptionList/components/Checkbox/Checkbox.tsx
index 2b15e9de595..65564666db3 100644
--- a/polaris-react/src/components/OptionList/components/Checkbox/Checkbox.tsx
+++ b/polaris-react/src/components/OptionList/components/Checkbox/Checkbox.tsx
@@ -1,8 +1,7 @@
-import React from 'react';
+import { useId } from 'react';
 import {TickSmallMinor} from '@shopify/polaris-icons';
 
 import {classNames} from '../../../../utilities/css';
-import {useUniqueId} from '../../../../utilities/unique-id';
 import {Icon} from '../../../Icon';
 
 import styles from './Checkbox.scss';
@@ -28,7 +27,8 @@ export function Checkbox({
   value,
   role,
 }: CheckboxProps) {
-  const id = useUniqueId('Checkbox', idProp);
+  const uniqId = useId();
+  const id = idProp ?? uniqId;
 
   const className = classNames(styles.Checkbox, active && styles.active);
 
diff --git a/polaris-react/src/components/OptionList/components/Checkbox/tests/Checkbox.test.tsx b/polaris-react/src/components/OptionList/components/Checkbox/tests/Checkbox.test.tsx
index 93d22c8c264..a757f9121c7 100644
--- a/polaris-react/src/components/OptionList/components/Checkbox/tests/Checkbox.test.tsx
+++ b/polaris-react/src/components/OptionList/components/Checkbox/tests/Checkbox.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Checkbox, CheckboxProps} from '../Checkbox';
diff --git a/polaris-react/src/components/OptionList/components/Option/Option.tsx b/polaris-react/src/components/OptionList/components/Option/Option.tsx
index 3d2c46ffb0f..c7e94205a4f 100644
--- a/polaris-react/src/components/OptionList/components/Option/Option.tsx
+++ b/polaris-react/src/components/OptionList/components/Option/Option.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback} from 'react';
+import {useCallback} from 'react';
 
 import {useToggle} from '../../../../utilities/use-toggle';
 import type {IconProps} from '../../../Icon';
diff --git a/polaris-react/src/components/OptionList/components/Option/tests/Option.test.tsx b/polaris-react/src/components/OptionList/components/Option/tests/Option.test.tsx
index 4aed7b01827..3a285e4a454 100644
--- a/polaris-react/src/components/OptionList/components/Option/tests/Option.test.tsx
+++ b/polaris-react/src/components/OptionList/components/Option/tests/Option.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Checkbox} from '../../Checkbox';
diff --git a/polaris-react/src/components/OptionList/tests/OptionList.test.tsx b/polaris-react/src/components/OptionList/tests/OptionList.test.tsx
index def997b26a7..38883778e6d 100644
--- a/polaris-react/src/components/OptionList/tests/OptionList.test.tsx
+++ b/polaris-react/src/components/OptionList/tests/OptionList.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Option} from '../components';
@@ -539,12 +538,8 @@ function firstOption(
   options?: OptionDescriptor[],
   sections?: OptionListProps['sections'],
 ): string {
-  const firstOptionsValue =
-    options == null || options === [] ? '' : options[0].value;
-  const firstSectionOptionsValue =
-    sections == null || sections === [] || sections[0].options === []
-      ? ''
-      : sections[0].options[0].value;
+  const firstOptionsValue = options?.[0]?.value ?? '';
+  const firstSectionOptionsValue = sections?.[0]?.options?.[0]?.value ?? '';
   return firstOptionsValue || firstSectionOptionsValue;
 }
 
diff --git a/polaris-react/src/components/Page/Page.stories.tsx b/polaris-react/src/components/Page/Page.stories.tsx
index a6aac2a2cf7..3e7aba897d8 100644
--- a/polaris-react/src/components/Page/Page.stories.tsx
+++ b/polaris-react/src/components/Page/Page.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {
   Badge,
@@ -17,7 +16,7 @@ export default {
 export function Default() {
   return (
     <Page
-      breadcrumbs={[{content: 'Products', url: '#'}]}
+      backAction={{content: 'Products', url: '#'}}
       title="3/4 inch Leather pet collar"
       titleMetadata={<Badge status="success">Paid</Badge>}
       subtitle="Perfect for any pet"
@@ -37,7 +36,6 @@ export function Default() {
       actionGroups={[
         {
           title: 'Promote',
-          accessibilityLabel: 'Action group label',
           actions: [
             {
               content: 'Share on Facebook',
@@ -62,7 +60,7 @@ export function Default() {
 export function WithCustomPrimaryAction() {
   return (
     <Page
-      breadcrumbs={[{content: 'Settings', url: '#'}]}
+      backAction={{content: 'Settings', url: '#'}}
       title="General"
       primaryAction={
         <Button
@@ -86,7 +84,7 @@ export function WithCustomPrimaryAction() {
 export function WithoutPrimaryActionInHeader() {
   return (
     <Page
-      breadcrumbs={[{content: 'Orders', url: '#'}]}
+      backAction={{content: 'Orders', url: '#'}}
       title="#1085"
       secondaryActions={[
         {content: 'Print'},
@@ -166,7 +164,7 @@ export function WithToolTipAction() {
 export function WithSubtitle() {
   return (
     <Page
-      breadcrumbs={[{content: 'Products', url: '#'}]}
+      backAction={{content: 'Products', url: '#'}}
       title="Invoice"
       subtitle="Statement period: May 3, 2019 to June 2, 2019"
       secondaryActions={[{content: 'Download', icon: ArrowDownMinor}]}
@@ -202,7 +200,7 @@ export function WithExternalLink() {
 export function WithoutPagination() {
   return (
     <Page
-      breadcrumbs={[{content: 'Settings', url: '#'}]}
+      backAction={{content: 'Settings', url: '#'}}
       title="General"
       primaryAction={{content: 'Save'}}
     >
@@ -235,7 +233,7 @@ export function NarrowWidth() {
   return (
     <Page
       narrowWidth
-      breadcrumbs={[{content: 'Orders', url: '#'}]}
+      backAction={{content: 'Orders', url: '#'}}
       title="Add payment method"
       primaryAction={{content: 'Save', disabled: true}}
     >
@@ -289,7 +287,7 @@ export function WithActionGroups() {
 export function WithContentAfterTitle() {
   return (
     <Page
-      breadcrumbs={[{content: 'Products', url: '#'}]}
+      backAction={{content: 'Products', url: '#'}}
       title="Jar With Lock-Lid"
       titleMetadata={<Badge status="attention">Verified</Badge>}
       primaryAction={{content: 'Save', disabled: true}}
@@ -311,11 +309,7 @@ export function WithContentAfterTitle() {
 
 export function WithDivider() {
   return (
-    <Page
-      breadcrumbs={[{content: 'Settings', url: '#'}]}
-      title="General"
-      divider
-    >
+    <Page backAction={{content: 'Settings', url: '#'}} title="General" divider>
       <LegacyCard title="Credit card" sectioned>
         <p>Credit card information</p>
       </LegacyCard>
diff --git a/polaris-react/src/components/Page/Page.tsx b/polaris-react/src/components/Page/Page.tsx
index e2d737c2eea..b4ebb4f94cb 100644
--- a/polaris-react/src/components/Page/Page.tsx
+++ b/polaris-react/src/components/Page/Page.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {classNames} from '../../utilities/css';
 import {isInterface} from '../../utilities/is-interface';
 import {isReactElement} from '../../utilities/is-react-element';
@@ -40,10 +38,6 @@ export function Page({
         rest.secondaryActions.length > 0) ||
         isReactElement(rest.secondaryActions))) ||
     (rest.actionGroups != null && rest.actionGroups.length > 0) ||
-    (rest.breadcrumbs != null &&
-      Array.isArray(rest.breadcrumbs) &&
-      rest.breadcrumbs.length > 0) ||
-    rest.breadcrumbs != null ||
     rest.backAction != null;
 
   const contentClassName = classNames(
diff --git a/polaris-react/src/components/Page/components/Header/Header.tsx b/polaris-react/src/components/Page/components/Header/Header.tsx
index 15c0ee49865..d2a35f2c178 100644
--- a/polaris-react/src/components/Page/components/Header/Header.tsx
+++ b/polaris-react/src/components/Page/components/Header/Header.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {classNames} from '../../../../utilities/css';
 import {buttonFrom} from '../../../Button';
 import {Text} from '../../../Text';
@@ -49,9 +47,7 @@ export interface HeaderProps extends TitleProps {
   primaryAction?: PrimaryAction | React.ReactNode;
   /** Page-level pagination */
   pagination?: PaginationProps;
-  /** @deprecated Collection of breadcrumbs */
-  breadcrumbs?: BreadcrumbsProps['breadcrumbs'];
-  /** A back action link */
+  /** Back action link */
   backAction?: BreadcrumbsProps['backAction'];
   /** Collection of secondary page-level actions */
   secondaryActions?: MenuActionDescriptor[] | React.ReactNode;
@@ -78,7 +74,6 @@ export function Header({
   primaryAction,
   pagination,
   additionalNavigation,
-  breadcrumbs,
   backAction,
   secondaryActions = [],
   actionGroups = [],
@@ -94,12 +89,6 @@ export function Header({
       'Deprecation: The `additionalNavigation` on Page is deprecated and will be removed in the next major version.',
     );
   }
-  if (breadcrumbs && process.env.NODE_ENV === 'development') {
-    // eslint-disable-next-line no-console
-    console.warn(
-      'Deprecation: The `breadcrumbs` prop on Page is deprecated and will be removed in the next major version. Please replace with a single `backAction`.',
-    );
-  }
 
   const isSingleRow =
     !primaryAction &&
@@ -108,27 +97,13 @@ export function Header({
       isReactElement(secondaryActions)) &&
     !actionGroups.length;
 
-  let breadcrumbMarkup = null;
-  if (backAction) {
-    breadcrumbMarkup = (
-      <div className={styles.BreadcrumbWrapper}>
-        <Box maxWidth="100%" paddingInlineEnd="4" printHidden>
-          <Breadcrumbs backAction={backAction} />
-        </Box>
-      </div>
-    );
-  } else if (
-    (Array.isArray(breadcrumbs) && breadcrumbs.length > 0) ||
-    (!Array.isArray(breadcrumbs) && breadcrumbs)
-  ) {
-    breadcrumbMarkup = (
-      <div className={styles.BreadcrumbWrapper}>
-        <Box maxWidth="100%" paddingInlineEnd="4" printHidden>
-          <Breadcrumbs breadcrumbs={breadcrumbs} />
-        </Box>
-      </div>
-    );
-  }
+  const breadcrumbMarkup = backAction ? (
+    <div className={styles.BreadcrumbWrapper}>
+      <Box maxWidth="100%" paddingInlineEnd="4" printHidden>
+        <Breadcrumbs backAction={backAction} />
+      </Box>
+    </div>
+  ) : null;
 
   const paginationMarkup =
     pagination && !isNavigationCollapsed ? (
@@ -212,7 +187,7 @@ export function Header({
     navigationMarkup && styles.hasNavigation,
     actionMenuMarkup && styles.hasActionMenu,
     isNavigationCollapsed && styles.mobileView,
-    !breadcrumbMarkup && styles.noBreadcrumbs,
+    !backAction && styles.noBreadcrumbs,
     title && title.length < LONG_TITLE && styles.mediumTitle,
     title && title.length > LONG_TITLE && styles.longTitle,
   );
diff --git a/polaris-react/src/components/Page/components/Header/components/Title/Title.tsx b/polaris-react/src/components/Page/components/Header/components/Title/Title.tsx
index 7f465528dc1..b1240011416 100644
--- a/polaris-react/src/components/Page/components/Header/components/Title/Title.tsx
+++ b/polaris-react/src/components/Page/components/Header/components/Title/Title.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {classNames} from '../../../../../../utilities/css';
 
 import styles from './Title.scss';
diff --git a/polaris-react/src/components/Page/components/Header/components/Title/tests/Title.test.tsx b/polaris-react/src/components/Page/components/Header/components/Title/tests/Title.test.tsx
index e31f25028fe..d21bf58e58b 100644
--- a/polaris-react/src/components/Page/components/Header/components/Title/tests/Title.test.tsx
+++ b/polaris-react/src/components/Page/components/Header/components/Title/tests/Title.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Badge} from '../../../../../../Badge';
diff --git a/polaris-react/src/components/Page/components/Header/tests/Header.test.tsx b/polaris-react/src/components/Page/components/Header/tests/Header.test.tsx
index 5eefb41fc97..d3631954877 100644
--- a/polaris-react/src/components/Page/components/Header/tests/Header.test.tsx
+++ b/polaris-react/src/components/Page/components/Header/tests/Header.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {PlusMinor} from '@shopify/polaris-icons';
 import {mountWithApp} from 'tests/utilities';
 
@@ -47,32 +46,30 @@ describe('<Header />', () => {
   });
 
   describe('breadcrumbs', () => {
-    const breadcrumbs: LinkAction[] = [
-      {
-        content: 'Products',
-        url: 'https://www.google.com',
-      },
-    ];
+    const backAction: LinkAction = {
+      content: 'Products',
+      url: 'https://www.google.com',
+    };
 
     it('get passed into Breadcrumbs', () => {
       const header = mountWithApp(
-        <Header {...mockProps} breadcrumbs={breadcrumbs} />,
+        <Header {...mockProps} backAction={backAction} />,
       );
       expect(header).toContainReactComponent(Breadcrumbs, {
-        breadcrumbs,
+        backAction,
       });
     });
 
     it('renders breadcrumb markup if not an array', () => {
-      const breadcrumb: LinkAction = {
+      const backAction: LinkAction = {
         content: 'Products',
         url: 'https://www.google.com',
       };
       const header = mountWithApp(
-        <Header {...mockProps} breadcrumbs={breadcrumb} />,
+        <Header {...mockProps} backAction={backAction} />,
       );
       expect(header).toContainReactComponent(Breadcrumbs, {
-        breadcrumbs: breadcrumb,
+        backAction,
       });
     });
 
@@ -309,12 +306,10 @@ describe('<Header />', () => {
     {content: 'mock content 2'},
   ];
 
-  const breadcrumbs: LinkAction[] = [
-    {
-      content: 'Products',
-      url: 'https://www.google.com',
-    },
-  ];
+  const backAction: LinkAction = {
+    content: 'Products',
+    url: 'https://www.google.com',
+  };
 
   it('does not render primary and secondary action wrapper divs', () => {
     const header = mountWithApp(
@@ -359,7 +354,7 @@ describe('<Header />', () => {
 
   it('renders a default mobile layout', () => {
     const header = mountWithApp(
-      <Header title="mmmmmmmmm" breadcrumbs={breadcrumbs} />,
+      <Header title="mmmmmmmmm" backAction={backAction} />,
       {
         mediaQuery: {isNavigationCollapsed: true},
       },
diff --git a/polaris-react/src/components/Page/tests/Page.test.tsx b/polaris-react/src/components/Page/tests/Page.test.tsx
index 155566f2eca..f7790d8013d 100644
--- a/polaris-react/src/components/Page/tests/Page.test.tsx
+++ b/polaris-react/src/components/Page/tests/Page.test.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import { useCallback, useState } from 'react';
 import {animationFrame} from '@shopify/jest-dom-mocks';
 import {mountWithApp} from 'tests/utilities';
 
@@ -233,49 +233,24 @@ describe('<Page />', () => {
     });
   });
 
-  describe('breadcrumbs', () => {
-    const breadcrumbs = [
-      {
-        content: 'Products',
-        onAction: noop,
-      },
-    ];
+  describe('backAction', () => {
+    const backAction = {
+      content: 'Products',
+      onAction: noop,
+    };
 
     it('renders a <Header /> when defined', () => {
       const page = mountWithApp(
-        <Page {...mockProps} breadcrumbs={breadcrumbs} />,
+        <Page {...mockProps} backAction={backAction} />,
       );
       expect(page).toContainReactComponent(Header);
     });
 
     it('renders a <Header /> when defined not as an array', () => {
-      const breadcrumbs = {
+      const backAction = {
         content: 'Products',
         onAction: noop,
       };
-      const page = mountWithApp(
-        <Page {...mockProps} breadcrumbs={breadcrumbs} />,
-      );
-      expect(page).toContainReactComponent(Header);
-    });
-
-    it('gets passed into the <Header />', () => {
-      const page = mountWithApp(
-        <Page {...mockProps} breadcrumbs={breadcrumbs} />,
-      );
-      expect(page).toContainReactComponent(Header, {
-        breadcrumbs,
-      });
-    });
-  });
-
-  describe('backAction', () => {
-    const backAction = {
-      content: 'Products',
-      onAction: noop,
-    };
-
-    it('renders a <Header /> when defined', () => {
       const page = mountWithApp(
         <Page {...mockProps} backAction={backAction} />,
       );
diff --git a/polaris-react/src/components/PageActions/PageActions.stories.tsx b/polaris-react/src/components/PageActions/PageActions.stories.tsx
index 0b74356e2a3..696f2907766 100644
--- a/polaris-react/src/components/PageActions/PageActions.stories.tsx
+++ b/polaris-react/src/components/PageActions/PageActions.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {Button, PageActions} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/PageActions/PageActions.tsx b/polaris-react/src/components/PageActions/PageActions.tsx
index 1cd083aca50..362cffa7f63 100644
--- a/polaris-react/src/components/PageActions/PageActions.tsx
+++ b/polaris-react/src/components/PageActions/PageActions.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import type {
   ComplexAction,
   DisableableAction,
diff --git a/polaris-react/src/components/PageActions/tests/PageActions.test.tsx b/polaris-react/src/components/PageActions/tests/PageActions.test.tsx
index fe577b1e1d5..4bb58213528 100644
--- a/polaris-react/src/components/PageActions/tests/PageActions.test.tsx
+++ b/polaris-react/src/components/PageActions/tests/PageActions.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {ButtonGroup} from '../../ButtonGroup';
diff --git a/polaris-react/src/components/Pagination/Pagination.stories.tsx b/polaris-react/src/components/Pagination/Pagination.stories.tsx
index ae7f1efbd66..2c17d1a36cf 100644
--- a/polaris-react/src/components/Pagination/Pagination.stories.tsx
+++ b/polaris-react/src/components/Pagination/Pagination.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {Pagination} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/Pagination/Pagination.tsx b/polaris-react/src/components/Pagination/Pagination.tsx
index 6fb8850bff1..e8edd6c4b73 100644
--- a/polaris-react/src/components/Pagination/Pagination.tsx
+++ b/polaris-react/src/components/Pagination/Pagination.tsx
@@ -1,5 +1,5 @@
 import {ChevronLeftMinor, ChevronRightMinor} from '@shopify/polaris-icons';
-import React, {createRef} from 'react';
+import {createRef} from 'react';
 
 import type {Key} from '../../types';
 import {useI18n} from '../../utilities/i18n';
diff --git a/polaris-react/src/components/Pagination/tests/Pagination.test.tsx b/polaris-react/src/components/Pagination/tests/Pagination.test.tsx
index 88b3b748867..13f9248ef51 100644
--- a/polaris-react/src/components/Pagination/tests/Pagination.test.tsx
+++ b/polaris-react/src/components/Pagination/tests/Pagination.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 import type {CustomRoot} from '@shopify/react-testing';
 
diff --git a/polaris-react/src/components/PolarisTestProvider/PolarisTestProvider.tsx b/polaris-react/src/components/PolarisTestProvider/PolarisTestProvider.tsx
index d8949c81266..b50894dc9ad 100644
--- a/polaris-react/src/components/PolarisTestProvider/PolarisTestProvider.tsx
+++ b/polaris-react/src/components/PolarisTestProvider/PolarisTestProvider.tsx
@@ -1,4 +1,4 @@
-import React, {useMemo, Fragment, StrictMode} from 'react';
+import {useMemo, Fragment, StrictMode} from 'react';
 
 import {PortalsManager} from '../PortalsManager';
 import {FocusManager} from '../FocusManager';
@@ -16,11 +16,6 @@ import {
 import {I18n, I18nContext} from '../../utilities/i18n';
 import {LinkContext, LinkLikeComponent} from '../../utilities/link';
 import {FeaturesConfig, FeaturesContext} from '../../utilities/features';
-import {
-  UniqueIdFactory,
-  UniqueIdFactoryContext,
-  globalIdGeneratorFactory,
-} from '../../utilities/unique-id';
 import {EphemeralPresenceManager} from '../EphemeralPresenceManager';
 
 type FrameContextType = NonNullable<React.ContextType<typeof FrameContext>>;
@@ -68,11 +63,6 @@ export function PolarisTestProvider({
 
   const stickyManager = useMemo(() => new StickyManager(), []);
 
-  const uniqueIdFactory = useMemo(
-    () => new UniqueIdFactory(globalIdGeneratorFactory),
-    [],
-  );
-
   const mergedFrame = createFrameContext(frame);
 
   const mergedMediaQuery = merge(defaultMediaQuery, mediaQuery);
@@ -83,21 +73,19 @@ export function PolarisTestProvider({
         <I18nContext.Provider value={intl}>
           <ScrollLockManagerContext.Provider value={scrollLockManager}>
             <StickyManagerContext.Provider value={stickyManager}>
-              <UniqueIdFactoryContext.Provider value={uniqueIdFactory}>
-                <LinkContext.Provider value={link}>
-                  <MediaQueryContext.Provider value={mergedMediaQuery}>
-                    <PortalsManager>
-                      <FocusManager>
-                        <EphemeralPresenceManager>
-                          <FrameContext.Provider value={mergedFrame}>
-                            {children}
-                          </FrameContext.Provider>
-                        </EphemeralPresenceManager>
-                      </FocusManager>
-                    </PortalsManager>
-                  </MediaQueryContext.Provider>
-                </LinkContext.Provider>
-              </UniqueIdFactoryContext.Provider>
+              <LinkContext.Provider value={link}>
+                <MediaQueryContext.Provider value={mergedMediaQuery}>
+                  <PortalsManager>
+                    <FocusManager>
+                      <EphemeralPresenceManager>
+                        <FrameContext.Provider value={mergedFrame}>
+                          {children}
+                        </FrameContext.Provider>
+                      </EphemeralPresenceManager>
+                    </FocusManager>
+                  </PortalsManager>
+                </MediaQueryContext.Provider>
+              </LinkContext.Provider>
             </StickyManagerContext.Provider>
           </ScrollLockManagerContext.Provider>
         </I18nContext.Provider>
diff --git a/polaris-react/src/components/PolarisTestProvider/tests/PolarisTestProvider.test.tsx b/polaris-react/src/components/PolarisTestProvider/tests/PolarisTestProvider.test.tsx
index e63cfe3cb21..cd0df9085e9 100644
--- a/polaris-react/src/components/PolarisTestProvider/tests/PolarisTestProvider.test.tsx
+++ b/polaris-react/src/components/PolarisTestProvider/tests/PolarisTestProvider.test.tsx
@@ -1,4 +1,4 @@
-import React, {StrictMode} from 'react';
+import { StrictMode } from 'react';
 import {mount, mountWithApp} from 'tests/utilities';
 
 import {MediaQueryContext, useMediaQuery} from '../../../utilities/media-query';
diff --git a/polaris-react/src/components/Popover/Popover.stories.tsx b/polaris-react/src/components/Popover/Popover.stories.tsx
index 56dc742ca5b..9684c84e3ab 100644
--- a/polaris-react/src/components/Popover/Popover.stories.tsx
+++ b/polaris-react/src/components/Popover/Popover.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import {useCallback, useState} from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {
   ActionList,
diff --git a/polaris-react/src/components/Popover/Popover.tsx b/polaris-react/src/components/Popover/Popover.tsx
index 8e9ca7a8b4a..9e23d04ad63 100644
--- a/polaris-react/src/components/Popover/Popover.tsx
+++ b/polaris-react/src/components/Popover/Popover.tsx
@@ -1,12 +1,14 @@
-import React, {
+import {
   Children,
   forwardRef,
   useEffect,
   useCallback,
   useImperativeHandle,
   useRef,
+  useId,
   useState,
 } from 'react';
+
 import type {AriaAttributes} from 'react';
 
 import {
@@ -15,7 +17,6 @@ import {
 } from '../../utilities/focus';
 import {Portal} from '../Portal';
 import {portal} from '../shared';
-import {useUniqueId} from '../../utilities/unique-id';
 
 import {
   PopoverCloseSource,
@@ -117,7 +118,7 @@ const PopoverComponent = forwardRef<PopoverPublicAPI, PopoverProps>(
     const activatorContainer = useRef<HTMLElement>(null);
 
     const WrapperComponent: any = activatorWrapper;
-    const id = useUniqueId('popover');
+    const id = useId();
 
     function forceUpdatePosition() {
       overlayRef.current?.forceUpdatePosition();
diff --git a/polaris-react/src/components/Popover/components/Pane/Pane.tsx b/polaris-react/src/components/Popover/components/Pane/Pane.tsx
index 2ee7d084097..60d8c41d3ca 100644
--- a/polaris-react/src/components/Popover/components/Pane/Pane.tsx
+++ b/polaris-react/src/components/Popover/components/Pane/Pane.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {classNames} from '../../../../utilities/css';
 import {wrapWithComponent} from '../../../../utilities/components';
 import {Scrollable} from '../../../Scrollable';
diff --git a/polaris-react/src/components/Popover/components/Pane/tests/Pane.test.tsx b/polaris-react/src/components/Popover/components/Pane/tests/Pane.test.tsx
index d7425392284..9d7b5f7ecf6 100644
--- a/polaris-react/src/components/Popover/components/Pane/tests/Pane.test.tsx
+++ b/polaris-react/src/components/Popover/components/Pane/tests/Pane.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Scrollable} from '../../../../Scrollable';
diff --git a/polaris-react/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx b/polaris-react/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx
index 85a17335068..356f9ad8df0 100644
--- a/polaris-react/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx
+++ b/polaris-react/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx
@@ -1,4 +1,4 @@
-import React, {PureComponent, Children, createRef} from 'react';
+import {PureComponent, Children, createRef} from 'react';
 import {motion} from '@shopify/polaris-tokens';
 
 import {findFirstKeyboardFocusableNode} from '../../../../utilities/focus';
diff --git a/polaris-react/src/components/Popover/components/PopoverOverlay/tests/PopoverOverlay.test.tsx b/polaris-react/src/components/Popover/components/PopoverOverlay/tests/PopoverOverlay.test.tsx
index 81112174401..b35e84fe6f8 100644
--- a/polaris-react/src/components/Popover/components/PopoverOverlay/tests/PopoverOverlay.test.tsx
+++ b/polaris-react/src/components/Popover/components/PopoverOverlay/tests/PopoverOverlay.test.tsx
@@ -1,4 +1,4 @@
-import React, {useRef} from 'react';
+import { useState, useRef } from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Key} from '../../../../../types';
@@ -350,7 +350,7 @@ describe('<PopoverOverlay />', () => {
 
   describe('deleting descendant elements', () => {
     const DeleteButton = () => {
-      const [show, setShow] = React.useState(true);
+      const [show, setShow] = useState(true);
 
       return show ? (
         <button onClick={() => setShow((prev) => !prev)}>Delete</button>
diff --git a/polaris-react/src/components/Popover/components/Section/Section.tsx b/polaris-react/src/components/Popover/components/Section/Section.tsx
index ea14c9d0550..02cc8d3263b 100644
--- a/polaris-react/src/components/Popover/components/Section/Section.tsx
+++ b/polaris-react/src/components/Popover/components/Section/Section.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {Box} from '../../../Box';
 import styles from '../../Popover.scss';
 
diff --git a/polaris-react/src/components/Popover/components/Section/tests/Section.test.tsx b/polaris-react/src/components/Popover/components/Section/tests/Section.test.tsx
index 6ef0a65d3c1..57806de321e 100644
--- a/polaris-react/src/components/Popover/components/Section/tests/Section.test.tsx
+++ b/polaris-react/src/components/Popover/components/Section/tests/Section.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 // eslint-disable-next-line import/no-deprecated
diff --git a/polaris-react/src/components/Popover/tests/Popover.test.tsx b/polaris-react/src/components/Popover/tests/Popover.test.tsx
index d0c3605f9f5..8730e7579de 100644
--- a/polaris-react/src/components/Popover/tests/Popover.test.tsx
+++ b/polaris-react/src/components/Popover/tests/Popover.test.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useRef, useState} from 'react';
+import {useCallback, useRef, useState} from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Portal} from '../../Portal';
@@ -35,7 +35,7 @@ describe('<Popover />', () => {
       {
         active: false,
         ariaHaspopup: undefined,
-        id: 'Polarispopover1',
+        id: ':r0:',
         activatorDisabled: false,
       },
     );
@@ -54,7 +54,7 @@ describe('<Popover />', () => {
       {
         active: false,
         ariaHaspopup: undefined,
-        id: 'Polarispopover1',
+        id: ':r2:',
         activatorDisabled: true,
       },
     );
diff --git a/polaris-react/src/components/Portal/Portal.tsx b/polaris-react/src/components/Portal/Portal.tsx
index 52e979cd86c..f501b46ef4e 100644
--- a/polaris-react/src/components/Portal/Portal.tsx
+++ b/polaris-react/src/components/Portal/Portal.tsx
@@ -1,8 +1,7 @@
-import React, {useEffect} from 'react';
+import {useEffect, useId} from 'react';
 import {createPortal} from 'react-dom';
 
 import {usePortalsManager} from '../../utilities/portals';
-import {useUniqueId} from '../../utilities/unique-id';
 
 export interface PortalProps {
   children?: React.ReactNode;
@@ -17,7 +16,7 @@ export function Portal({
 }: PortalProps) {
   const {container} = usePortalsManager();
 
-  const uniqueId = useUniqueId('portal');
+  const uniqueId = useId();
   const portalId = idPrefix !== '' ? `${idPrefix}-${uniqueId}` : uniqueId;
 
   useEffect(() => {
diff --git a/polaris-react/src/components/Portal/tests/Portal.test.tsx b/polaris-react/src/components/Portal/tests/Portal.test.tsx
index 5c9088f6d18..82aa1fffc29 100644
--- a/polaris-react/src/components/Portal/tests/Portal.test.tsx
+++ b/polaris-react/src/components/Portal/tests/Portal.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Portal} from '../Portal';
@@ -39,15 +38,13 @@ describe('<Portal />', () => {
       const idPrefix = 'test';
       mountWithApp(<Portal idPrefix={idPrefix} />);
       const [portalNode] = lastSpyCall(createPortalSpy);
-      expect(portalNode.props[portal.props[0]]).toMatch(
-        new RegExp(`^${idPrefix}-Polarisportal`),
-      );
+      expect(portalNode.props[portal.props[0]]).toBe(`${idPrefix}-:r1:`);
     });
 
     it('is ignored when not defined', () => {
       mountWithApp(<Portal />);
       const [portalNode] = lastSpyCall(createPortalSpy);
-      expect(portalNode.props[portal.props[0]]).toMatch(/^Polarisportal/);
+      expect(portalNode.props[portal.props[0]]).toBe(':r2:');
     });
   });
 
diff --git a/polaris-react/src/components/PortalsManager/PortalsManager.tsx b/polaris-react/src/components/PortalsManager/PortalsManager.tsx
index 5764840442d..cd94df7d961 100644
--- a/polaris-react/src/components/PortalsManager/PortalsManager.tsx
+++ b/polaris-react/src/components/PortalsManager/PortalsManager.tsx
@@ -1,4 +1,4 @@
-import React, {useMemo, useState} from 'react';
+import {useMemo, useState} from 'react';
 
 import {
   PortalsManagerContext,
diff --git a/polaris-react/src/components/PortalsManager/components/PortalsContainer/PortalsContainer.tsx b/polaris-react/src/components/PortalsManager/components/PortalsContainer/PortalsContainer.tsx
index 326d1f5c2f7..8c87d1c6033 100644
--- a/polaris-react/src/components/PortalsManager/components/PortalsContainer/PortalsContainer.tsx
+++ b/polaris-react/src/components/PortalsManager/components/PortalsContainer/PortalsContainer.tsx
@@ -1,4 +1,4 @@
-import React, {forwardRef, RefObject} from 'react';
+import { forwardRef, RefObject } from 'react';
 
 export interface PolarisContainerProps {}
 
diff --git a/polaris-react/src/components/PortalsManager/tests/PortalsManager.test.tsx b/polaris-react/src/components/PortalsManager/tests/PortalsManager.test.tsx
index fcdee28bc18..22aee8be5c9 100644
--- a/polaris-react/src/components/PortalsManager/tests/PortalsManager.test.tsx
+++ b/polaris-react/src/components/PortalsManager/tests/PortalsManager.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp, mount} from 'tests/utilities';
 
 import {usePortalsManager} from '../../../utilities/portals';
diff --git a/polaris-react/src/components/PositionedOverlay/PositionedOverlay.tsx b/polaris-react/src/components/PositionedOverlay/PositionedOverlay.tsx
index 3da6fa2c6a9..6fd04a9c957 100644
--- a/polaris-react/src/components/PositionedOverlay/PositionedOverlay.tsx
+++ b/polaris-react/src/components/PositionedOverlay/PositionedOverlay.tsx
@@ -1,4 +1,4 @@
-import React, {PureComponent} from 'react';
+import {PureComponent} from 'react';
 
 import {classNames} from '../../utilities/css';
 import {getRectForNode, Rect} from '../../utilities/geometry';
diff --git a/polaris-react/src/components/PositionedOverlay/tests/PositionedOverlay.test.tsx b/polaris-react/src/components/PositionedOverlay/tests/PositionedOverlay.test.tsx
index dc2d0ca7d40..d112fcedb97 100644
--- a/polaris-react/src/components/PositionedOverlay/tests/PositionedOverlay.test.tsx
+++ b/polaris-react/src/components/PositionedOverlay/tests/PositionedOverlay.test.tsx
@@ -1,4 +1,4 @@
-import React, {useRef} from 'react';
+import { useRef } from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 // eslint-disable-next-line import/no-deprecated
diff --git a/polaris-react/src/components/ProgressBar/ProgressBar.stories.tsx b/polaris-react/src/components/ProgressBar/ProgressBar.stories.tsx
index 50154227d3f..6fd2eb5c477 100644
--- a/polaris-react/src/components/ProgressBar/ProgressBar.stories.tsx
+++ b/polaris-react/src/components/ProgressBar/ProgressBar.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {ProgressBar} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/ProgressBar/ProgressBar.tsx b/polaris-react/src/components/ProgressBar/ProgressBar.tsx
index c93b03a3736..44bee8c5fd8 100644
--- a/polaris-react/src/components/ProgressBar/ProgressBar.tsx
+++ b/polaris-react/src/components/ProgressBar/ProgressBar.tsx
@@ -1,4 +1,4 @@
-import React, {useRef} from 'react';
+import {useRef} from 'react';
 import {CSSTransition} from 'react-transition-group';
 import {motion} from '@shopify/polaris-tokens';
 
diff --git a/polaris-react/src/components/ProgressBar/tests/ProgressBar.test.tsx b/polaris-react/src/components/ProgressBar/tests/ProgressBar.test.tsx
index 093a016fa60..20e0fa50dea 100644
--- a/polaris-react/src/components/ProgressBar/tests/ProgressBar.test.tsx
+++ b/polaris-react/src/components/ProgressBar/tests/ProgressBar.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {CSSTransition} from 'react-transition-group';
 import {mountWithApp} from 'tests/utilities';
 
diff --git a/polaris-react/src/components/RadioButton/RadioButton.stories.tsx b/polaris-react/src/components/RadioButton/RadioButton.stories.tsx
index 5fed303ebca..881d04d51f0 100644
--- a/polaris-react/src/components/RadioButton/RadioButton.stories.tsx
+++ b/polaris-react/src/components/RadioButton/RadioButton.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import { useCallback, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {RadioButton, LegacyStack} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/RadioButton/RadioButton.tsx b/polaris-react/src/components/RadioButton/RadioButton.tsx
index 913354798a2..a72c6eca474 100644
--- a/polaris-react/src/components/RadioButton/RadioButton.tsx
+++ b/polaris-react/src/components/RadioButton/RadioButton.tsx
@@ -1,6 +1,5 @@
-import React, {useRef} from 'react';
+import {useRef, useId} from 'react';
 
-import {useUniqueId} from '../../utilities/unique-id';
 import {useToggle} from '../../utilities/use-toggle';
 import {classNames} from '../../utilities/css';
 import {Choice, helpTextID} from '../Choice';
@@ -48,7 +47,8 @@ export function RadioButton({
   name: nameProp,
   value,
 }: RadioButtonProps) {
-  const id = useUniqueId('RadioButton', idProp);
+  const uniqId = useId();
+  const id = idProp ?? uniqId;
   const name = nameProp || id;
   const inputNode = useRef<HTMLInputElement>(null);
 
diff --git a/polaris-react/src/components/RadioButton/tests/RadioButton.test.tsx b/polaris-react/src/components/RadioButton/tests/RadioButton.test.tsx
index f2a99c06289..fad43436263 100644
--- a/polaris-react/src/components/RadioButton/tests/RadioButton.test.tsx
+++ b/polaris-react/src/components/RadioButton/tests/RadioButton.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {RadioButton} from '../RadioButton';
diff --git a/polaris-react/src/components/RangeSlider/RangeSlider.stories.tsx b/polaris-react/src/components/RangeSlider/RangeSlider.stories.tsx
index 489e7a6569f..c6cd14a7bab 100644
--- a/polaris-react/src/components/RangeSlider/RangeSlider.stories.tsx
+++ b/polaris-react/src/components/RangeSlider/RangeSlider.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import { useCallback, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {
   LegacyCard,
diff --git a/polaris-react/src/components/RangeSlider/RangeSlider.tsx b/polaris-react/src/components/RangeSlider/RangeSlider.tsx
index 06792476464..633aa7ca6cb 100644
--- a/polaris-react/src/components/RangeSlider/RangeSlider.tsx
+++ b/polaris-react/src/components/RangeSlider/RangeSlider.tsx
@@ -1,6 +1,4 @@
-import React from 'react';
-
-import {useUniqueId} from '../../utilities/unique-id';
+import { useId } from 'react';
 
 import type {RangeSliderProps, RangeSliderValue, DualValue} from './types';
 import {SingleThumb, DualThumb} from './components';
@@ -20,7 +18,7 @@ export function RangeSlider({
   value,
   ...rest
 }: Props) {
-  const id = useUniqueId('RangeSlider');
+  const id = useId();
 
   const sharedProps = {
     id,
diff --git a/polaris-react/src/components/RangeSlider/components/DualThumb/DualThumb.tsx b/polaris-react/src/components/RangeSlider/components/DualThumb/DualThumb.tsx
index d192986f30c..00d060e284e 100644
--- a/polaris-react/src/components/RangeSlider/components/DualThumb/DualThumb.tsx
+++ b/polaris-react/src/components/RangeSlider/components/DualThumb/DualThumb.tsx
@@ -1,4 +1,4 @@
-import React, {Component, createRef} from 'react';
+import {Component, createRef} from 'react';
 
 import {debounce} from '../../../../utilities/debounce';
 import {classNames} from '../../../../utilities/css';
diff --git a/polaris-react/src/components/RangeSlider/components/DualThumb/tests/DualThumb.test.tsx b/polaris-react/src/components/RangeSlider/components/DualThumb/tests/DualThumb.test.tsx
index 022cd3c8b72..a12dc0a075b 100644
--- a/polaris-react/src/components/RangeSlider/components/DualThumb/tests/DualThumb.test.tsx
+++ b/polaris-react/src/components/RangeSlider/components/DualThumb/tests/DualThumb.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp, CustomRoot} from 'tests/utilities';
 
 import {Key} from '../../../../../types';
diff --git a/polaris-react/src/components/RangeSlider/components/SingleThumb/SingleThumb.tsx b/polaris-react/src/components/RangeSlider/components/SingleThumb/SingleThumb.tsx
index 57bd7097b58..4b6fd45d560 100644
--- a/polaris-react/src/components/RangeSlider/components/SingleThumb/SingleThumb.tsx
+++ b/polaris-react/src/components/RangeSlider/components/SingleThumb/SingleThumb.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {classNames} from '../../../../utilities/css';
 import {clamp} from '../../../../utilities/clamp';
 import {Labelled, helpTextID} from '../../../Labelled';
diff --git a/polaris-react/src/components/RangeSlider/components/SingleThumb/tests/SingleThumb.test.tsx b/polaris-react/src/components/RangeSlider/components/SingleThumb/tests/SingleThumb.test.tsx
index 75683bebba5..5707da3229d 100644
--- a/polaris-react/src/components/RangeSlider/components/SingleThumb/tests/SingleThumb.test.tsx
+++ b/polaris-react/src/components/RangeSlider/components/SingleThumb/tests/SingleThumb.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {InlineError} from '../../../../InlineError';
diff --git a/polaris-react/src/components/RangeSlider/tests/RangeSlider.test.tsx b/polaris-react/src/components/RangeSlider/tests/RangeSlider.test.tsx
index b49c3b44553..922fb19a79a 100644
--- a/polaris-react/src/components/RangeSlider/tests/RangeSlider.test.tsx
+++ b/polaris-react/src/components/RangeSlider/tests/RangeSlider.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {RangeSlider} from '../RangeSlider';
diff --git a/polaris-react/src/components/ResourceItem/ResourceItem.stories.tsx b/polaris-react/src/components/ResourceItem/ResourceItem.stories.tsx
index 0597ae4a4bf..35034baa1f0 100644
--- a/polaris-react/src/components/ResourceItem/ResourceItem.stories.tsx
+++ b/polaris-react/src/components/ResourceItem/ResourceItem.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useState} from 'react';
+import { useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {
   Avatar,
diff --git a/polaris-react/src/components/ResourceItem/ResourceItem.tsx b/polaris-react/src/components/ResourceItem/ResourceItem.tsx
index b780a3993b4..ad634f4269b 100644
--- a/polaris-react/src/components/ResourceItem/ResourceItem.tsx
+++ b/polaris-react/src/components/ResourceItem/ResourceItem.tsx
@@ -1,4 +1,4 @@
-import React, {Component, createRef, useContext} from 'react';
+import {Component, createRef, useContext, useId} from 'react';
 import {HorizontalDotsMinor} from '@shopify/polaris-icons';
 import isEqual from 'react-fast-compare';
 
@@ -20,7 +20,6 @@ import {
   BreakpointsDirectionAlias,
 } from '../../utilities/breakpoints';
 import {classNames} from '../../utilities/css';
-import {globalIdGeneratorFactory} from '../../utilities/unique-id';
 import {useI18n} from '../../utilities/i18n';
 import {
   ResourceListContext,
@@ -94,11 +93,6 @@ interface State {
 
 type CombinedProps = PropsFromWrapper & (PropsWithUrl | PropsWithClick);
 
-const getUniqueCheckboxID = globalIdGeneratorFactory(
-  'ResourceListItemCheckbox',
-);
-const getUniqueOverlayID = globalIdGeneratorFactory('ResourceListItemOverlay');
-
 class BaseResourceItem extends Component<CombinedProps, State> {
   static getDerivedStateFromProps(nextProps: CombinedProps, prevState: State) {
     const selected = isSelected(nextProps.id, nextProps.context.selectedItems);
@@ -118,8 +112,7 @@ class BaseResourceItem extends Component<CombinedProps, State> {
   };
 
   private node: HTMLDivElement | null = null;
-  private checkboxId = getUniqueCheckboxID();
-  private overlayId = getUniqueOverlayID();
+  private overlayRef = createRef<HTMLAnchorElement>();
   private buttonOverlay = createRef<HTMLButtonElement>();
 
   shouldComponentUpdate(nextProps: CombinedProps, nextState: State) {
@@ -186,13 +179,17 @@ class BaseResourceItem extends Component<CombinedProps, State> {
             >
               <div onClick={stopPropagation}>
                 <div onChange={this.handleLargerSelectionArea}>
-                  <Checkbox
-                    id={this.checkboxId}
-                    label={checkboxAccessibilityLabel}
-                    labelHidden
-                    checked={selected}
-                    disabled={loading}
-                  />
+                  <UseId>
+                    {(id) => (
+                      <Checkbox
+                        id={id}
+                        label={checkboxAccessibilityLabel}
+                        labelHidden
+                        checked={selected}
+                        disabled={loading}
+                      />
+                    )}
+                  </UseId>
                 </div>
               </div>
             </Box>
@@ -323,15 +320,20 @@ class BaseResourceItem extends Component<CombinedProps, State> {
       });
 
     const accessibleMarkup = url ? (
-      <UnstyledLink
-        aria-describedby={this.props.id}
-        aria-label={ariaLabel}
-        className={styles.Link}
-        url={url}
-        external={external}
-        tabIndex={tabIndex}
-        id={this.overlayId}
-      />
+      <UseId>
+        {(id) => (
+          <UnstyledLink
+            aria-describedby={this.props.id}
+            aria-label={ariaLabel}
+            className={styles.Link}
+            url={url}
+            external={external}
+            tabIndex={tabIndex}
+            id={id}
+            ref={this.overlayRef}
+          />
+        )}
+      </UseId>
     ) : (
       <button
         className={styles.Button}
@@ -372,8 +374,7 @@ class BaseResourceItem extends Component<CombinedProps, State> {
   private handleFocus = (event: React.FocusEvent<HTMLElement>) => {
     if (
       event.target === this.buttonOverlay.current ||
-      (this.node &&
-        event.target === this.node.querySelector(`#${this.overlayId}`))
+      (this.node && event.target === this.overlayRef.current)
     ) {
       this.setState({focused: true, focusedInner: false});
     } else if (this.node && this.node.contains(event.target)) {
@@ -517,3 +518,8 @@ function getAlignment(alignment?: Alignment): InlineProps['blockAlign'] {
       return 'start';
   }
 }
+
+function UseId(props: {children(id: string): JSX.Element}) {
+  const id = useId();
+  return props.children(id);
+}
diff --git a/polaris-react/src/components/ResourceItem/tests/ResourceItem.test.tsx b/polaris-react/src/components/ResourceItem/tests/ResourceItem.test.tsx
index 8b584bea38c..f1ac38dedcf 100644
--- a/polaris-react/src/components/ResourceItem/tests/ResourceItem.test.tsx
+++ b/polaris-react/src/components/ResourceItem/tests/ResourceItem.test.tsx
@@ -1,4 +1,4 @@
-import React, {AllHTMLAttributes} from 'react';
+import { AllHTMLAttributes } from 'react';
 import {mountWithApp} from 'tests/utilities';
 import {matchMedia} from '@shopify/jest-dom-mocks';
 import {setMediaWidth} from 'tests/utilities/breakpoints';
diff --git a/polaris-react/src/components/ResourceList/ResourceList.stories.tsx b/polaris-react/src/components/ResourceList/ResourceList.stories.tsx
index f985d6d718a..21befec954f 100644
--- a/polaris-react/src/components/ResourceList/ResourceList.stories.tsx
+++ b/polaris-react/src/components/ResourceList/ResourceList.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import { useCallback, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {
   Avatar,
diff --git a/polaris-react/src/components/ResourceList/ResourceList.tsx b/polaris-react/src/components/ResourceList/ResourceList.tsx
index 42bc0ecf365..5e65951eec0 100644
--- a/polaris-react/src/components/ResourceList/ResourceList.tsx
+++ b/polaris-react/src/components/ResourceList/ResourceList.tsx
@@ -1,5 +1,4 @@
-import React, {
-  ReactElement,
+import {
   useCallback,
   useEffect,
   useReducer,
@@ -41,7 +40,11 @@ import styles from './ResourceList.scss';
 const SMALL_SPINNER_HEIGHT = 28;
 const LARGE_SPINNER_HEIGHT = 45;
 
-function getAllItemsOnPage<TItemType>(
+interface ResourceListItemData {
+  [data: string]: any;
+}
+
+function getAllItemsOnPage<TItemType extends ResourceListItemData>(
   items: TItemType[],
   idForItem: (item: TItemType, index: number) => string,
 ) {
@@ -57,16 +60,16 @@ const isBreakpointsXS = () => {
         parseFloat(toPx(tokens.breakpoints['breakpoints-sm']) ?? '');
 };
 
-function defaultIdForItem<TItemType extends {id?: any}>(
+function defaultIdForItem<TItemType extends ResourceListItemData>(
   item: TItemType,
   index: number,
-) {
-  return Object.prototype.hasOwnProperty.call(item, 'id')
-    ? item.id
-    : index.toString();
+): string {
+  return 'id' in item ? item.id : index.toString();
 }
 
-export interface ResourceListProps<TItemType = any> {
+export interface ResourceListProps<
+  TItemType extends ResourceListItemData = ResourceListItemData,
+> {
   /** Item data; each item is passed to renderItem */
   items: TItemType[];
   filterControl?: React.ReactNode;
@@ -119,13 +122,7 @@ export interface ResourceListProps<TItemType = any> {
   resolveItemId?(item: TItemType): string;
 }
 
-type ResourceListType = (<TItemType>(
-  value: ResourceListProps<TItemType>,
-) => ReactElement) & {
-  Item: typeof ResourceItem;
-};
-
-export const ResourceList: ResourceListType = function ResourceList<TItemType>({
+export function ResourceList<TItemType extends ResourceListItemData>({
   items,
   filterControl,
   emptyState,
@@ -769,6 +766,6 @@ export const ResourceList: ResourceListType = function ResourceList<TItemType>({
       <div ref={bulkActionsIntersectionRef} />
     </ResourceListContext.Provider>
   );
-};
+}
 
 ResourceList.Item = ResourceItem;
diff --git a/polaris-react/src/components/ResourceList/tests/ResourceList.test.tsx b/polaris-react/src/components/ResourceList/tests/ResourceList.test.tsx
index af5bc874971..b766151e83c 100644
--- a/polaris-react/src/components/ResourceList/tests/ResourceList.test.tsx
+++ b/polaris-react/src/components/ResourceList/tests/ResourceList.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 import {matchMedia} from '@shopify/jest-dom-mocks';
 
diff --git a/polaris-react/src/components/ScrollLock/tests/ScrollLock.test.tsx b/polaris-react/src/components/ScrollLock/tests/ScrollLock.test.tsx
index ea43914b60f..667c4691bf8 100644
--- a/polaris-react/src/components/ScrollLock/tests/ScrollLock.test.tsx
+++ b/polaris-react/src/components/ScrollLock/tests/ScrollLock.test.tsx
@@ -1,4 +1,4 @@
-import React, {useState, useCallback} from 'react';
+import { useState, useCallback } from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {SCROLL_LOCKING_ATTRIBUTE} from '../../../utilities/scroll-lock-manager';
diff --git a/polaris-react/src/components/Scrollable/Scrollable.stories.tsx b/polaris-react/src/components/Scrollable/Scrollable.stories.tsx
index 50751de6512..8df4effbc64 100644
--- a/polaris-react/src/components/Scrollable/Scrollable.stories.tsx
+++ b/polaris-react/src/components/Scrollable/Scrollable.stories.tsx
@@ -1,4 +1,4 @@
-import React, {ComponentRef, useRef} from 'react';
+import { ComponentRef, useRef } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {Button, LegacyCard, Scrollable} from '@shopify/polaris';
 import type {ScrollableRef} from '@shopify/polaris';
diff --git a/polaris-react/src/components/Scrollable/Scrollable.tsx b/polaris-react/src/components/Scrollable/Scrollable.tsx
index aa3a27d9ef5..906be646d14 100644
--- a/polaris-react/src/components/Scrollable/Scrollable.tsx
+++ b/polaris-react/src/components/Scrollable/Scrollable.tsx
@@ -1,4 +1,4 @@
-import React, {
+import {
   useEffect,
   useRef,
   useState,
diff --git a/polaris-react/src/components/Scrollable/components/ScrollTo/ScrollTo.tsx b/polaris-react/src/components/Scrollable/components/ScrollTo/ScrollTo.tsx
index b45f133e137..1f93507d832 100644
--- a/polaris-react/src/components/Scrollable/components/ScrollTo/ScrollTo.tsx
+++ b/polaris-react/src/components/Scrollable/components/ScrollTo/ScrollTo.tsx
@@ -1,6 +1,5 @@
-import React, {useContext, useEffect, useRef} from 'react';
+import { useContext, useEffect, useRef, useId } from 'react';
 
-import {useUniqueId} from '../../../../utilities/unique-id';
 import {ScrollableContext} from '../../context';
 
 export function ScrollTo() {
@@ -15,7 +14,7 @@ export function ScrollTo() {
     scrollToPosition(anchorNode.current.offsetTop);
   }, [scrollToPosition]);
 
-  const id = useUniqueId(`ScrollTo`);
+  const id = useId();
   // eslint-disable-next-line jsx-a11y/anchor-is-valid
   return <a id={id} ref={anchorNode} />;
 }
diff --git a/polaris-react/src/components/Scrollable/components/ScrollTo/tests/ScrollTo.test.tsx b/polaris-react/src/components/Scrollable/components/ScrollTo/tests/ScrollTo.test.tsx
index 395022aa275..f000f62440a 100644
--- a/polaris-react/src/components/Scrollable/components/ScrollTo/tests/ScrollTo.test.tsx
+++ b/polaris-react/src/components/Scrollable/components/ScrollTo/tests/ScrollTo.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {ScrollTo} from '../ScrollTo';
diff --git a/polaris-react/src/components/Scrollable/tests/Scrollable.test.tsx b/polaris-react/src/components/Scrollable/tests/Scrollable.test.tsx
index c04bdc41de3..ccbf4cf61b4 100644
--- a/polaris-react/src/components/Scrollable/tests/Scrollable.test.tsx
+++ b/polaris-react/src/components/Scrollable/tests/Scrollable.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Scrollable} from '../Scrollable';
diff --git a/polaris-react/src/components/Select/Select.scss b/polaris-react/src/components/Select/Select.scss
index 30bcb0ede45..c0676195861 100644
--- a/polaris-react/src/components/Select/Select.scss
+++ b/polaris-react/src/components/Select/Select.scss
@@ -94,8 +94,6 @@
   font-size: var(--p-font-size-200);
   font-weight: var(--p-font-weight-regular);
   line-height: var(--p-font-line-height-2);
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  text-transform: initial;
   letter-spacing: initial;
   // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
   position: absolute;
diff --git a/polaris-react/src/components/Select/Select.stories.tsx b/polaris-react/src/components/Select/Select.stories.tsx
index 84d37669da1..bd1433d7a63 100644
--- a/polaris-react/src/components/Select/Select.stories.tsx
+++ b/polaris-react/src/components/Select/Select.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import { useCallback, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {
   LegacyCard,
diff --git a/polaris-react/src/components/Select/Select.tsx b/polaris-react/src/components/Select/Select.tsx
index a6454c7514b..ffe313e8778 100644
--- a/polaris-react/src/components/Select/Select.tsx
+++ b/polaris-react/src/components/Select/Select.tsx
@@ -1,8 +1,7 @@
-import React from 'react';
+import {useId} from 'react';
 import {SelectMinor} from '@shopify/polaris-icons';
 
 import {classNames} from '../../utilities/css';
-import {useUniqueId} from '../../utilities/unique-id';
 import {Labelled, LabelledProps, helpTextID} from '../Labelled';
 import {Box} from '../Box';
 import {Icon} from '../Icon';
@@ -95,7 +94,8 @@ export function Select({
   onBlur,
   requiredIndicator,
 }: SelectProps) {
-  const id = useUniqueId('Select', idProp);
+  const uniqId = useId();
+  const id = idProp ?? uniqId;
   const labelHidden = labelInline ? true : labelHiddenProp;
 
   const className = classNames(
diff --git a/polaris-react/src/components/Select/tests/Select.test.tsx b/polaris-react/src/components/Select/tests/Select.test.tsx
index abdedf3fbf9..d076fbfc0d7 100644
--- a/polaris-react/src/components/Select/tests/Select.test.tsx
+++ b/polaris-react/src/components/Select/tests/Select.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 import {CircleTickOutlineMinor} from '@shopify/polaris-icons';
 
diff --git a/polaris-react/src/components/SelectAllActions/SelectAllActions.tsx b/polaris-react/src/components/SelectAllActions/SelectAllActions.tsx
index 8a3dc9df87b..f535d547eac 100644
--- a/polaris-react/src/components/SelectAllActions/SelectAllActions.tsx
+++ b/polaris-react/src/components/SelectAllActions/SelectAllActions.tsx
@@ -1,4 +1,4 @@
-import React, {forwardRef} from 'react';
+import { forwardRef } from 'react';
 import {Transition} from 'react-transition-group';
 
 import {classNames} from '../../utilities/css';
diff --git a/polaris-react/src/components/SelectAllActions/tests/SelectAllActions.test.tsx b/polaris-react/src/components/SelectAllActions/tests/SelectAllActions.test.tsx
index 9afa5713de1..c9725139f03 100644
--- a/polaris-react/src/components/SelectAllActions/tests/SelectAllActions.test.tsx
+++ b/polaris-react/src/components/SelectAllActions/tests/SelectAllActions.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {Transition, CSSTransition} from 'react-transition-group';
 import {mountWithApp} from 'tests/utilities';
 
diff --git a/polaris-react/src/components/SettingAction/SettingAction.tsx b/polaris-react/src/components/SettingAction/SettingAction.tsx
index 2c5f7cd1751..7c6acf13784 100644
--- a/polaris-react/src/components/SettingAction/SettingAction.tsx
+++ b/polaris-react/src/components/SettingAction/SettingAction.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import styles from './SettingAction.scss';
 
 export interface SettingActionProps {
diff --git a/polaris-react/src/components/SettingToggle/SettingToggle.stories.tsx b/polaris-react/src/components/SettingToggle/SettingToggle.stories.tsx
index d7ba2e1ebd8..e66f0a2e7f6 100644
--- a/polaris-react/src/components/SettingToggle/SettingToggle.stories.tsx
+++ b/polaris-react/src/components/SettingToggle/SettingToggle.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import { useCallback, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {SettingToggle, Text} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/SettingToggle/SettingToggle.tsx b/polaris-react/src/components/SettingToggle/SettingToggle.tsx
index a0d5477c8e9..c4c37c3810a 100644
--- a/polaris-react/src/components/SettingToggle/SettingToggle.tsx
+++ b/polaris-react/src/components/SettingToggle/SettingToggle.tsx
@@ -1,10 +1,9 @@
-import React, {useMemo} from 'react';
+import {useId} from 'react';
 
 import type {ComplexAction} from '../../types';
 import {SettingAction} from '../SettingAction';
 import {buttonFrom} from '../Button';
 import {LegacyCard} from '../LegacyCard';
-import {globalIdGeneratorFactory} from '../../utilities/unique-id';
 
 export interface SettingToggleProps {
   /** Inner content of the card */
@@ -15,16 +14,13 @@ export interface SettingToggleProps {
   enabled?: boolean;
 }
 
-const getUniqueSettingToggleId = globalIdGeneratorFactory('SettingToggle');
-
 export function SettingToggle({enabled, action, children}: SettingToggleProps) {
-  const id = useMemo(getUniqueSettingToggleId, []);
+  const id = useId();
 
   const actionMarkup = action
     ? buttonFrom(action, {
         primary: !enabled,
         role: 'switch',
-        id,
         ariaChecked: enabled ? 'true' : 'false',
       })
     : null;
diff --git a/polaris-react/src/components/SettingToggle/tests/SettingToggle.test.tsx b/polaris-react/src/components/SettingToggle/tests/SettingToggle.test.tsx
index 6b9ca1fde7e..877d95d3030 100644
--- a/polaris-react/src/components/SettingToggle/tests/SettingToggle.test.tsx
+++ b/polaris-react/src/components/SettingToggle/tests/SettingToggle.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {SettingAction} from '../../SettingAction';
diff --git a/polaris-react/src/components/Sheet/Sheet.stories.tsx b/polaris-react/src/components/Sheet/Sheet.stories.tsx
index a39890bd1b8..69833805597 100644
--- a/polaris-react/src/components/Sheet/Sheet.stories.tsx
+++ b/polaris-react/src/components/Sheet/Sheet.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import {useCallback, useState} from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {
   Button,
diff --git a/polaris-react/src/components/Sheet/Sheet.tsx b/polaris-react/src/components/Sheet/Sheet.tsx
index ed50cfb1baf..d27bdceefdf 100644
--- a/polaris-react/src/components/Sheet/Sheet.tsx
+++ b/polaris-react/src/components/Sheet/Sheet.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useRef, useEffect} from 'react';
+import {useCallback, useRef, useEffect} from 'react';
 import {CSSTransition} from 'react-transition-group';
 import {motion} from '@shopify/polaris-tokens';
 
diff --git a/polaris-react/src/components/Sheet/tests/Sheet.test.tsx b/polaris-react/src/components/Sheet/tests/Sheet.test.tsx
index bfd2df6deea..3bf75de55a6 100644
--- a/polaris-react/src/components/Sheet/tests/Sheet.test.tsx
+++ b/polaris-react/src/components/Sheet/tests/Sheet.test.tsx
@@ -1,5 +1,5 @@
 /* eslint-disable import/no-deprecated */
-import React, {useRef} from 'react';
+import { useRef } from 'react';
 import {CSSTransition} from 'react-transition-group';
 import {mountWithApp} from 'tests/utilities';
 
diff --git a/polaris-react/src/components/SkeletonBodyText/SkeletonBodyText.stories.tsx b/polaris-react/src/components/SkeletonBodyText/SkeletonBodyText.stories.tsx
index 87be0ceede9..ff36429c313 100644
--- a/polaris-react/src/components/SkeletonBodyText/SkeletonBodyText.stories.tsx
+++ b/polaris-react/src/components/SkeletonBodyText/SkeletonBodyText.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {SkeletonBodyText} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/SkeletonBodyText/SkeletonBodyText.tsx b/polaris-react/src/components/SkeletonBodyText/SkeletonBodyText.tsx
index 920c80cd014..07725c5bbd3 100644
--- a/polaris-react/src/components/SkeletonBodyText/SkeletonBodyText.tsx
+++ b/polaris-react/src/components/SkeletonBodyText/SkeletonBodyText.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import styles from './SkeletonBodyText.scss';
 
 export interface SkeletonBodyTextProps {
diff --git a/polaris-react/src/components/SkeletonBodyText/tests/SkeletonBodyText.test.tsx b/polaris-react/src/components/SkeletonBodyText/tests/SkeletonBodyText.test.tsx
index 920b556613b..ac5cfc20d9b 100644
--- a/polaris-react/src/components/SkeletonBodyText/tests/SkeletonBodyText.test.tsx
+++ b/polaris-react/src/components/SkeletonBodyText/tests/SkeletonBodyText.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {SkeletonBodyText} from '../SkeletonBodyText';
diff --git a/polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.stories.tsx b/polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.stories.tsx
index ee612ba32c6..f9889c77171 100644
--- a/polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.stories.tsx
+++ b/polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {SkeletonDisplayText} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.tsx b/polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.tsx
index d8247b5215c..f6bd90a3748 100644
--- a/polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.tsx
+++ b/polaris-react/src/components/SkeletonDisplayText/SkeletonDisplayText.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {classNames, variationName} from '../../utilities/css';
 
 import styles from './SkeletonDisplayText.scss';
diff --git a/polaris-react/src/components/SkeletonDisplayText/tests/SkeletonDisplayText.test.tsx b/polaris-react/src/components/SkeletonDisplayText/tests/SkeletonDisplayText.test.tsx
index b5511bb9714..fe5e468a1cd 100644
--- a/polaris-react/src/components/SkeletonDisplayText/tests/SkeletonDisplayText.test.tsx
+++ b/polaris-react/src/components/SkeletonDisplayText/tests/SkeletonDisplayText.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {SkeletonDisplayText} from '../SkeletonDisplayText';
diff --git a/polaris-react/src/components/SkeletonPage/SkeletonPage.stories.tsx b/polaris-react/src/components/SkeletonPage/SkeletonPage.stories.tsx
index fc563bca781..4f8d003867f 100644
--- a/polaris-react/src/components/SkeletonPage/SkeletonPage.stories.tsx
+++ b/polaris-react/src/components/SkeletonPage/SkeletonPage.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {
   LegacyCard,
diff --git a/polaris-react/src/components/SkeletonPage/SkeletonPage.tsx b/polaris-react/src/components/SkeletonPage/SkeletonPage.tsx
index 935e3f0ae59..694ced2e26b 100644
--- a/polaris-react/src/components/SkeletonPage/SkeletonPage.tsx
+++ b/polaris-react/src/components/SkeletonPage/SkeletonPage.tsx
@@ -1,10 +1,8 @@
-import React from 'react';
-
 import {useI18n} from '../../utilities/i18n';
 import {SkeletonBodyText} from '../SkeletonBodyText';
 import {Box} from '../Box';
 import {Inline} from '../Inline';
-import {AlphaStack} from '../AlphaStack';
+import {Stack} from '../Stack';
 
 import styles from './SkeletonPage.scss';
 
@@ -63,7 +61,7 @@ export function SkeletonPage({
   ) : null;
 
   return (
-    <AlphaStack gap="4" align="center">
+    <Stack gap="4" align="center">
       <Box
         width="100%"
         padding="0"
@@ -79,7 +77,7 @@ export function SkeletonPage({
           maxWidth: 'none',
         })}
       >
-        <AlphaStack>
+        <Stack>
           <Box
             paddingBlockStart={{xs: '4', md: '5'}}
             paddingBlockEnd={{xs: '4', md: '5'}}
@@ -98,8 +96,8 @@ export function SkeletonPage({
           <Box paddingBlockEnd="2" width="100%">
             {children}
           </Box>
-        </AlphaStack>
+        </Stack>
       </Box>
-    </AlphaStack>
+    </Stack>
   );
 }
diff --git a/polaris-react/src/components/SkeletonPage/tests/SkeletonPage.test.tsx b/polaris-react/src/components/SkeletonPage/tests/SkeletonPage.test.tsx
index e73f46c9463..c38be9fc3c2 100644
--- a/polaris-react/src/components/SkeletonPage/tests/SkeletonPage.test.tsx
+++ b/polaris-react/src/components/SkeletonPage/tests/SkeletonPage.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {LegacyCard} from '../../LegacyCard';
diff --git a/polaris-react/src/components/SkeletonTabs/SkeletonTabs.stories.tsx b/polaris-react/src/components/SkeletonTabs/SkeletonTabs.stories.tsx
index e6b550f5ddd..b4b11701525 100644
--- a/polaris-react/src/components/SkeletonTabs/SkeletonTabs.stories.tsx
+++ b/polaris-react/src/components/SkeletonTabs/SkeletonTabs.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {LegacyCard, SkeletonTabs} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/SkeletonTabs/SkeletonTabs.tsx b/polaris-react/src/components/SkeletonTabs/SkeletonTabs.tsx
index 003bba0716d..c0b145f15e9 100644
--- a/polaris-react/src/components/SkeletonTabs/SkeletonTabs.tsx
+++ b/polaris-react/src/components/SkeletonTabs/SkeletonTabs.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {classNames} from '../../utilities/css';
 import {SkeletonBodyText} from '../SkeletonBodyText';
 
diff --git a/polaris-react/src/components/SkeletonThumbnail/SkeletonThumbnail.stories.tsx b/polaris-react/src/components/SkeletonThumbnail/SkeletonThumbnail.stories.tsx
index 9dda7c5183e..2df96c31091 100644
--- a/polaris-react/src/components/SkeletonThumbnail/SkeletonThumbnail.stories.tsx
+++ b/polaris-react/src/components/SkeletonThumbnail/SkeletonThumbnail.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {SkeletonThumbnail} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/SkeletonThumbnail/SkeletonThumbnail.tsx b/polaris-react/src/components/SkeletonThumbnail/SkeletonThumbnail.tsx
index 628328c2f28..052f89bbc93 100644
--- a/polaris-react/src/components/SkeletonThumbnail/SkeletonThumbnail.tsx
+++ b/polaris-react/src/components/SkeletonThumbnail/SkeletonThumbnail.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {classNames, variationName} from '../../utilities/css';
 
 import styles from './SkeletonThumbnail.scss';
diff --git a/polaris-react/src/components/SkeletonThumbnail/tests/SkeletonThumbnail.test.tsx b/polaris-react/src/components/SkeletonThumbnail/tests/SkeletonThumbnail.test.tsx
index 87edd390062..c7ae6629357 100644
--- a/polaris-react/src/components/SkeletonThumbnail/tests/SkeletonThumbnail.test.tsx
+++ b/polaris-react/src/components/SkeletonThumbnail/tests/SkeletonThumbnail.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {SkeletonThumbnail} from '../SkeletonThumbnail';
diff --git a/polaris-react/src/components/Spinner/Spinner.stories.tsx b/polaris-react/src/components/Spinner/Spinner.stories.tsx
index 1de9500efdf..c070863e122 100644
--- a/polaris-react/src/components/Spinner/Spinner.stories.tsx
+++ b/polaris-react/src/components/Spinner/Spinner.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useEffect, useRef, useState} from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {
   Button,
diff --git a/polaris-react/src/components/Spinner/Spinner.tsx b/polaris-react/src/components/Spinner/Spinner.tsx
index 78cea35b28b..c7b53b2882c 100644
--- a/polaris-react/src/components/Spinner/Spinner.tsx
+++ b/polaris-react/src/components/Spinner/Spinner.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {classNames, variationName} from '../../utilities/css';
 import {Text} from '../Text';
 import {useIsAfterInitialMount} from '../../utilities/use-is-after-initial-mount';
diff --git a/polaris-react/src/components/Spinner/tests/Spinner.test.tsx b/polaris-react/src/components/Spinner/tests/Spinner.test.tsx
index d8c095f8e86..fdfb38566ed 100644
--- a/polaris-react/src/components/Spinner/tests/Spinner.test.tsx
+++ b/polaris-react/src/components/Spinner/tests/Spinner.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Spinner} from '../Spinner';
diff --git a/polaris-react/src/components/Stack/Stack.scss b/polaris-react/src/components/Stack/Stack.scss
index 1c006935e5e..dfd8e4c9376 100644
--- a/polaris-react/src/components/Stack/Stack.scss
+++ b/polaris-react/src/components/Stack/Stack.scss
@@ -1,136 +1,54 @@
+@import '../../styles/common';
+
 .Stack {
-  // stylelint-disable-next-line -- Polaris component custom properties
-  --pc-stack-spacing: var(--p-space-4);
+  // stylelint-disable -- Polaris component custom properties
+  --pc-stack-align: initial;
+  --pc-stack-gap-xs: 0;
+  --pc-stack-gap-sm: var(--pc-stack-gap-xs);
+  --pc-stack-gap-md: var(--pc-stack-gap-sm);
+  --pc-stack-gap-lg: var(--pc-stack-gap-md);
+  --pc-stack-gap-xl: var(--pc-stack-gap-lg);
+  // stylelint-enable
+
   // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
   display: flex;
-  flex-wrap: wrap;
+  // stylelint-disable-next-line -- local component custom property is required for flex direction
+  flex-direction: var(--pc-stack-order);
   // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  align-items: stretch;
+  align-items: var(--pc-stack-align);
   // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  margin-top: calc(-1 * var(--pc-stack-spacing));
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  margin-left: calc(-1 * var(--pc-stack-spacing));
+  gap: var(--pc-stack-gap-xs);
 
-  > .Item {
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    margin-top: var(--pc-stack-spacing);
+  @media #{$p-breakpoints-sm-up} {
     // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    margin-left: var(--pc-stack-spacing);
-    max-width: 100%;
+    gap: var(--pc-stack-gap-sm);
   }
-}
-
-.noWrap {
-  flex-wrap: nowrap;
-}
-
-.spacingNone {
-  // stylelint-disable-next-line -- Polaris component custom properties
-  --pc-stack-spacing: 0;
-}
-
-.spacingExtraTight {
-  // stylelint-disable-next-line -- Polaris component custom properties
-  --pc-stack-spacing: var(--p-space-1);
-}
-
-.spacingTight {
-  // stylelint-disable-next-line -- Polaris component custom properties
-  --pc-stack-spacing: var(--p-space-2);
-}
-
-.spacingBaseTight {
-  // stylelint-disable-next-line -- Polaris component custom properties
-  --pc-stack-spacing: var(--p-space-3);
-}
 
-.spacingLoose {
-  // stylelint-disable-next-line -- Polaris component custom properties
-  --pc-stack-spacing: var(--p-space-5);
-}
-
-.spacingExtraLoose {
-  // stylelint-disable-next-line -- Polaris component custom properties
-  --pc-stack-spacing: var(--p-space-8);
-}
-
-.distributionLeading {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  justify-content: flex-start;
-}
-
-.distributionTrailing {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  justify-content: flex-end;
-}
-
-.distributionCenter {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  justify-content: center;
-}
-
-.distributionEqualSpacing {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  justify-content: space-between;
-}
-
-.distributionFill > .Item {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  flex: 1 1 auto;
-}
-
-.distributionFillEvenly > .Item {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  flex: 1 1 auto;
-
-  @supports (min-width: fit-content) {
+  @media #{$p-breakpoints-md-up} {
     // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    flex: 1 0 0%;
-    min-width: fit-content;
+    gap: var(--pc-stack-gap-md);
   }
-}
-
-.alignmentLeading {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  align-items: flex-start;
-}
-
-.alignmentTrailing {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  align-items: flex-end;
-}
 
-.alignmentCenter {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  align-items: center;
-}
-
-.alignmentFill {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  align-items: stretch;
-}
-
-.alignmentBaseline {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  align-items: baseline;
-}
-
-.vertical {
-  flex-direction: column;
-  margin-left: 0;
+  @media #{$p-breakpoints-lg-up} {
+    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
+    gap: var(--pc-stack-gap-lg);
+  }
 
-  > .Item {
-    margin-left: 0;
+  @media #{$p-breakpoints-xl-up} {
+    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
+    gap: var(--pc-stack-gap-xl);
   }
 }
 
-.Item {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  flex: 0 0 auto;
-  min-width: 0;
+.listReset {
+  list-style-type: none;
+  margin-block-start: 0;
+  margin-block-end: 0;
+  padding-inline-start: 0;
 }
 
-.Item-fill {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  flex: 1 1 auto;
+.fieldsetReset {
+  border: none;
+  margin: 0;
+  padding: 0;
 }
diff --git a/polaris-react/src/components/Stack/Stack.stories.tsx b/polaris-react/src/components/Stack/Stack.stories.tsx
index 7394573ce2d..731ffc87739 100644
--- a/polaris-react/src/components/Stack/Stack.stories.tsx
+++ b/polaris-react/src/components/Stack/Stack.stories.tsx
@@ -1,6 +1,5 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
-import {Badge, Text, Stack} from '@shopify/polaris';
+import {Box, Stack} from '@shopify/polaris';
 
 export default {
   component: Stack,
@@ -9,88 +8,95 @@ export default {
 export function Default() {
   return (
     <Stack>
-      <Badge>Paid</Badge>
-      <Badge>Processing</Badge>
-      <Badge>Fulfilled</Badge>
-      <Badge>Completed</Badge>
+      <Box background="surface" padding="1">
+        01
+      </Box>
+      <Box background="surface" padding="1">
+        02
+      </Box>
+      <Box background="surface" padding="1">
+        03
+      </Box>
     </Stack>
   );
 }
 
-export function NonWrapping() {
+export function WithGap() {
   return (
-    <Stack wrap={false}>
-      <Badge>Paid</Badge>
-      <Badge>Processing</Badge>
-      <Badge>Fulfilled</Badge>
-      <Badge>Completed</Badge>
+    <Stack gap="8">
+      <Box background="surface" padding="1">
+        01
+      </Box>
+      <Box background="surface" padding="1">
+        02
+      </Box>
+      <Box background="surface" padding="1">
+        03
+      </Box>
     </Stack>
   );
 }
 
-export function Spacing() {
+export function WithResponsiveGap() {
   return (
-    <Stack spacing="loose">
-      <Badge>Paid</Badge>
-      <Badge>Fulfilled</Badge>
+    <Stack gap={{xs: '4', md: '10'}}>
+      <Box background="surface" padding="1">
+        01
+      </Box>
+      <Box background="surface" padding="1">
+        02
+      </Box>
+      <Box background="surface" padding="1">
+        03
+      </Box>
     </Stack>
   );
 }
 
-export function VerticalCentering() {
+export function WithAlignStart() {
   return (
-    <Stack alignment="center">
-      <Text variant="headingMd" as="h2">
-        Order
-        <br />
-        #1136
-        <br />
-        was paid
-      </Text>
-      <Badge>Paid</Badge>
-      <Badge>Fulfilled</Badge>
+    <Stack gap="4" align="start">
+      <Box background="surface" padding="1">
+        01
+      </Box>
+      <Box background="surface" padding="1">
+        02
+      </Box>
+      <Box background="surface" padding="1">
+        03
+      </Box>
     </Stack>
   );
 }
 
-export function FillAvailableSpaceProportionally() {
+export function WithAlignCenter() {
   return (
-    <Stack distribution="fill">
-      <Text variant="headingMd" as="h2">
-        Order #1136
-      </Text>
-      <Badge>Paid</Badge>
-      <Badge>Fulfilled</Badge>
+    <Stack gap="4" align="center">
+      <Box background="surface" padding="1">
+        01
+      </Box>
+      <Box background="surface" padding="1">
+        02
+      </Box>
+      <Box background="surface" padding="1">
+        03
+      </Box>
     </Stack>
   );
 }
 
-export function WhereItemsFillSpaceEvenly() {
+export function WithAlignEnd() {
   return (
-    <Stack distribution="fillEvenly">
-      <Text variant="headingMd" as="h2">
-        Order #1136
-      </Text>
-      <Badge>Paid</Badge>
-      <Badge>Fulfilled</Badge>
-    </Stack>
-  );
-}
-
-export function WhereASingleItemFillsTheRemainingSpace() {
-  return (
-    <Stack>
-      <Stack.Item fill>
-        <Text variant="headingMd" as="h2">
-          Order #1136
-        </Text>
-      </Stack.Item>
-      <Stack.Item>
-        <Badge>Paid</Badge>
-      </Stack.Item>
-      <Stack.Item>
-        <Badge>Fulfilled</Badge>
-      </Stack.Item>
+    <Stack gap="4" align="end">
+      <Box background="surface" padding="1">
+        01
+      </Box>
+      <Box background="surface" padding="1">
+        02
+      </Box>
+      <Box background="surface" padding="1">
+        03
+      </Box>
     </Stack>
   );
 }
diff --git a/polaris-react/src/components/Stack/Stack.tsx b/polaris-react/src/components/Stack/Stack.tsx
index 5d41a7db0d9..07b6b0d2b9d 100644
--- a/polaris-react/src/components/Stack/Stack.tsx
+++ b/polaris-react/src/components/Stack/Stack.tsx
@@ -1,81 +1,67 @@
-import React, {memo, NamedExoticComponent} from 'react';
+import {createElement} from 'react';
+import type {SpacingSpaceScale} from '@shopify/polaris-tokens';
 
-import {classNames, variationName} from '../../utilities/css';
-import {elementChildren, wrapWithComponent} from '../../utilities/components';
+import {
+  classNames,
+  sanitizeCustomProperties,
+  getResponsiveProps,
+} from '../../utilities/css';
+import type {ResponsiveProp} from '../../utilities/css';
 
-// eslint-disable-next-line import/no-deprecated
-import {Item} from './components';
 import styles from './Stack.scss';
 
-type Spacing =
-  | 'extraTight'
-  | 'tight'
-  | 'baseTight'
-  | 'loose'
-  | 'extraLoose'
-  | 'none';
+type Align = 'start' | 'end' | 'center';
 
-type Alignment = 'leading' | 'trailing' | 'center' | 'fill' | 'baseline';
+type Element = 'div' | 'ul' | 'ol' | 'fieldset';
 
-type Distribution =
-  | 'equalSpacing'
-  | 'leading'
-  | 'trailing'
-  | 'center'
-  | 'fill'
-  | 'fillEvenly';
+type Gap = ResponsiveProp<SpacingSpaceScale>;
 
-export interface StackProps {
-  /** Elements to display inside stack */
+export interface StackProps extends React.AriaAttributes {
   children?: React.ReactNode;
-  /** Wrap stack elements to additional rows as needed on small screens (Defaults to true) */
-  wrap?: boolean;
-  /** Stack the elements vertically */
-  vertical?: boolean;
-  /** Adjust spacing between elements */
-  spacing?: Spacing;
-  /** Adjust vertical alignment of elements */
-  alignment?: Alignment;
-  /** Adjust horizontal alignment of elements */
-  distribution?: Distribution;
+  /** HTML Element type
+   * @default 'div'
+   */
+  as?: Element;
+  /** Horizontal alignment of children */
+  align?: Align;
+  /** The spacing between children */
+  gap?: Gap;
+  /** HTML id attribute */
+  id?: string;
+  /** Reverse the render order of child items
+   * @default false
+   */
+  reverseOrder?: boolean;
 }
 
-/** @deprecated Use LegacyStack or AlphaStack instead. */
-export const Stack = memo(function Stack({
+export const Stack = ({
+  as = 'div',
   children,
-  vertical,
-  spacing,
-  distribution,
-  alignment,
-  wrap,
-}: StackProps) {
-  if (process.env.NODE_ENV === 'development') {
-    // eslint-disable-next-line no-console
-    console.warn(
-      'Deprecation: <Stack /> is deprecated. This component will be removed in a future major version of Polaris. Use <LegacyStack /> or <AlphaStack /> instead.',
-    );
-  }
-
+  align,
+  gap,
+  id,
+  reverseOrder = false,
+  ...restProps
+}: StackProps) => {
   const className = classNames(
     styles.Stack,
-    vertical && styles.vertical,
-    spacing && styles[variationName('spacing', spacing)],
-    distribution && styles[variationName('distribution', distribution)],
-    alignment && styles[variationName('alignment', alignment)],
-    wrap === false && styles.noWrap,
+    as === 'ul' && styles.listReset,
+    as === 'fieldset' && styles.fieldsetReset,
   );
 
-  const itemMarkup = elementChildren(children).map((child, index) => {
-    const props = {key: index};
-    // eslint-disable-next-line import/no-deprecated
-    return wrapWithComponent(child, Item, props);
-  });
+  const style = {
+    '--pc-stack-align': align ? `${align}` : '',
+    '--pc-stack-order': reverseOrder ? 'column-reverse' : 'column',
+    ...getResponsiveProps('stack', 'gap', 'space', gap),
+  } as React.CSSProperties;
 
-  return <div className={className}>{itemMarkup}</div>;
-}) as NamedExoticComponent<StackProps> & {
-  // eslint-disable-next-line import/no-deprecated
-  Item: typeof Item;
+  return createElement(
+    as,
+    {
+      className,
+      style: sanitizeCustomProperties(style),
+      ...restProps,
+    },
+    children,
+  );
 };
-
-// eslint-disable-next-line import/no-deprecated
-Stack.Item = Item;
diff --git a/polaris-react/src/components/Stack/components/Item/Item.tsx b/polaris-react/src/components/Stack/components/Item/Item.tsx
deleted file mode 100644
index 360ab3967c0..00000000000
--- a/polaris-react/src/components/Stack/components/Item/Item.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import React from 'react';
-
-import {classNames} from '../../../../utilities/css';
-import styles from '../../Stack.scss';
-
-export interface ItemProps {
-  /** Elements to display inside item */
-  children?: React.ReactNode;
-  /** Fill the remaining horizontal space in the stack with the item  */
-  fill?: boolean;
-  /**
-   * @default false
-   */
-}
-
-/** @deprecated Use LegacyStack or AlphaStack instead. */
-export function Item({children, fill}: ItemProps) {
-  if (process.env.NODE_ENV === 'development') {
-    // eslint-disable-next-line no-console
-    console.warn(
-      'Deprecation: <Stack /> is deprecated. This component will be removed in a future major version of Polaris. Use <LegacyStack /> or <AlphaStack /> instead.',
-    );
-  }
-
-  const className = classNames(styles.Item, fill && styles['Item-fill']);
-
-  return <div className={className}>{children}</div>;
-}
diff --git a/polaris-react/src/components/Stack/components/Item/index.ts b/polaris-react/src/components/Stack/components/Item/index.ts
deleted file mode 100644
index c924835a042..00000000000
--- a/polaris-react/src/components/Stack/components/Item/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './Item';
diff --git a/polaris-react/src/components/Stack/components/index.ts b/polaris-react/src/components/Stack/components/index.ts
deleted file mode 100644
index c924835a042..00000000000
--- a/polaris-react/src/components/Stack/components/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './Item';
diff --git a/polaris-react/src/components/Stack/tests/Stack.test.tsx b/polaris-react/src/components/Stack/tests/Stack.test.tsx
index d095fff3ebb..bba1edf8bec 100644
--- a/polaris-react/src/components/Stack/tests/Stack.test.tsx
+++ b/polaris-react/src/components/Stack/tests/Stack.test.tsx
@@ -1,16 +1,52 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
-// eslint-disable-next-line import/no-deprecated
 import {Stack} from '../Stack';
 
+const text = 'This is a stack';
+const children = <p>{text}</p>;
+
 describe('<Stack />', () => {
-  const renderChildren = () => [0, 1].map((i) => <div key={i}>Child {i}</div>);
+  it('renders children', () => {
+    const stack = mountWithApp(<Stack>{children}</Stack>);
+
+    expect(stack).toContainReactComponent('p', {children: text});
+  });
+
+  it('renders custom properties by default', () => {
+    const stack = mountWithApp(<Stack>{children}</Stack>);
+
+    expect(stack).toContainReactComponent('div', {
+      style: expect.objectContaining({
+        '--pc-stack-order': 'column',
+      }) as React.CSSProperties,
+    });
+  });
+
+  it('overrides custom properties if they are passed in', () => {
+    const stack = mountWithApp(
+      <Stack align="center" gap="10">
+        {children}
+      </Stack>,
+    );
+
+    expect(stack).toContainReactComponent('div', {
+      style: expect.objectContaining({
+        '--pc-stack-align': 'center',
+        '--pc-stack-gap-xs': 'var(--p-space-10)',
+      }) as React.CSSProperties,
+    });
+  });
 
-  it('renders its children', () => {
-    const stack = mountWithApp(<Stack>{renderChildren()}</Stack>);
+  it('accepts gap based on breakpoints', () => {
+    const stack = mountWithApp(
+      <Stack gap={{xs: '2', md: '8'}}>{children}</Stack>,
+    );
 
-    // eslint-disable-next-line import/no-deprecated
-    expect(stack).toContainReactComponentTimes(Stack.Item, 2);
+    expect(stack).toContainReactComponent('div', {
+      style: expect.objectContaining({
+        '--pc-stack-gap-md': 'var(--p-space-8)',
+        '--pc-stack-gap-xs': 'var(--p-space-2)',
+      }) as React.CSSProperties,
+    });
   });
 });
diff --git a/polaris-react/src/components/Sticky/Sticky.tsx b/polaris-react/src/components/Sticky/Sticky.tsx
index 44418c86802..d54ad783f76 100644
--- a/polaris-react/src/components/Sticky/Sticky.tsx
+++ b/polaris-react/src/components/Sticky/Sticky.tsx
@@ -1,4 +1,4 @@
-import React, {Component} from 'react';
+import {Component} from 'react';
 
 import {getRectForNode} from '../../utilities/geometry';
 import {useStickyManager} from '../../utilities/sticky-manager';
diff --git a/polaris-react/src/components/Sticky/tests/Sticky.test.tsx b/polaris-react/src/components/Sticky/tests/Sticky.test.tsx
index 88d3cf9d5f5..4f7008b69db 100644
--- a/polaris-react/src/components/Sticky/tests/Sticky.test.tsx
+++ b/polaris-react/src/components/Sticky/tests/Sticky.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Sticky} from '../Sticky';
diff --git a/polaris-react/src/components/Subheading/Subheading.scss b/polaris-react/src/components/Subheading/Subheading.scss
deleted file mode 100644
index 6c4384b7b40..00000000000
--- a/polaris-react/src/components/Subheading/Subheading.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-@import '../../styles/common';
-
-.Subheading {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  @include text-style-subheading;
-  margin: 0;
-
-  @media print {
-    font-size: var(--p-font-size-75);
-  }
-}
diff --git a/polaris-react/src/components/Subheading/Subheading.stories.tsx b/polaris-react/src/components/Subheading/Subheading.stories.tsx
deleted file mode 100644
index 9f6a1f6a114..00000000000
--- a/polaris-react/src/components/Subheading/Subheading.stories.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import type {ComponentMeta} from '@storybook/react';
-import {Subheading} from '@shopify/polaris';
-
-export default {
-  component: Subheading,
-} as ComponentMeta<typeof Subheading>;
-
-export function Default() {
-  return <Subheading>Accounts</Subheading>;
-}
diff --git a/polaris-react/src/components/Subheading/Subheading.tsx b/polaris-react/src/components/Subheading/Subheading.tsx
deleted file mode 100644
index 7564dfeee80..00000000000
--- a/polaris-react/src/components/Subheading/Subheading.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import React from 'react';
-
-import type {HeadingTagName} from '../../types';
-
-import styles from './Subheading.scss';
-
-export interface SubheadingProps {
-  /**
-   * The element name to use for the subheading
-   * @default 'h3'
-   */
-  element?: HeadingTagName;
-  /** Text to display in subheading */
-  children?: React.ReactNode;
-}
-/**
- * @deprecated The Subheading component will be removed in the next
- * major version. Use the Text component instead. See the
- * Polaris component guide on how to use Text.
- *
- * https://polaris.shopify.com/components/text
- */
-export function Subheading({
-  element: Element = 'h3',
-  children,
-}: SubheadingProps) {
-  const ariaLabel = typeof children === 'string' ? children : undefined;
-
-  return (
-    <Element aria-label={ariaLabel} className={styles.Subheading}>
-      {children}
-    </Element>
-  );
-}
diff --git a/polaris-react/src/components/Subheading/index.ts b/polaris-react/src/components/Subheading/index.ts
deleted file mode 100644
index 7f596a22d06..00000000000
--- a/polaris-react/src/components/Subheading/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './Subheading';
diff --git a/polaris-react/src/components/Subheading/tests/Subheading.test.tsx b/polaris-react/src/components/Subheading/tests/Subheading.test.tsx
deleted file mode 100644
index 0b159757114..00000000000
--- a/polaris-react/src/components/Subheading/tests/Subheading.test.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from 'react';
-import {mountWithApp} from 'tests/utilities';
-
-import {Button} from '../../Button';
-// eslint-disable-next-line import/no-deprecated
-import {Subheading} from '../Subheading';
-
-describe('<Subheading />', () => {
-  describe('children', () => {
-    it('renders its children', () => {
-      const subheading = mountWithApp(<Subheading>Title</Subheading>);
-      expect(subheading).toContainReactText('Title');
-      expect(subheading).toHaveReactProps({children: 'Title'});
-    });
-
-    it('sets aria-label as children if it is a string', () => {
-      const subheading = mountWithApp(<Subheading>Title</Subheading>);
-      expect(subheading).toContainReactComponent('h3', {'aria-label': 'Title'});
-    });
-
-    it('does not set aria-label if children is a React component', () => {
-      const subheading = mountWithApp(
-        <Subheading>
-          <Button>Button</Button>
-        </Subheading>,
-      );
-      expect(subheading).toContainReactComponent('h3', {
-        'aria-label': undefined,
-      });
-    });
-  });
-
-  describe('element', () => {
-    it('renders provided element', () => {
-      const subheading = mountWithApp(
-        <Subheading element="h2">Title</Subheading>,
-      );
-      expect(subheading).toContainReactComponentTimes('h2', 1);
-    });
-
-    it('defaults to h3 if element is not provided', () => {
-      const subheading = mountWithApp(<Subheading>Title</Subheading>);
-      expect(subheading).toContainReactComponentTimes('h3', 1);
-    });
-  });
-});
diff --git a/polaris-react/src/components/Tabs/Tabs.stories.tsx b/polaris-react/src/components/Tabs/Tabs.stories.tsx
index f85350c77b2..44268af96cd 100644
--- a/polaris-react/src/components/Tabs/Tabs.stories.tsx
+++ b/polaris-react/src/components/Tabs/Tabs.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import { useCallback, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {Badge, LegacyCard, Tabs} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/Tabs/Tabs.tsx b/polaris-react/src/components/Tabs/Tabs.tsx
index ad25a29f386..b053c24cc8a 100644
--- a/polaris-react/src/components/Tabs/Tabs.tsx
+++ b/polaris-react/src/components/Tabs/Tabs.tsx
@@ -1,4 +1,4 @@
-import React, {PureComponent} from 'react';
+import {PureComponent} from 'react';
 import {HorizontalDotsMinor, CaretDownMinor} from '@shopify/polaris-icons';
 
 import {classNames} from '../../utilities/css';
diff --git a/polaris-react/src/components/Tabs/components/Item/Item.tsx b/polaris-react/src/components/Tabs/components/Item/Item.tsx
index 25f235761d7..cbd415290b4 100644
--- a/polaris-react/src/components/Tabs/components/Item/Item.tsx
+++ b/polaris-react/src/components/Tabs/components/Item/Item.tsx
@@ -1,4 +1,4 @@
-import React, {PureComponent} from 'react';
+import {PureComponent} from 'react';
 
 import {classNames} from '../../../../utilities/css';
 import {FeaturesContext} from '../../../../utilities/features';
diff --git a/polaris-react/src/components/Tabs/components/Item/tests/Item.test.tsx b/polaris-react/src/components/Tabs/components/Item/tests/Item.test.tsx
index 45f59da04ba..34ab94adb35 100644
--- a/polaris-react/src/components/Tabs/components/Item/tests/Item.test.tsx
+++ b/polaris-react/src/components/Tabs/components/Item/tests/Item.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {UnstyledLink} from '../../../../UnstyledLink';
diff --git a/polaris-react/src/components/Tabs/components/List/List.tsx b/polaris-react/src/components/Tabs/components/List/List.tsx
index 47fad884b0e..9e71a58dd80 100644
--- a/polaris-react/src/components/Tabs/components/List/List.tsx
+++ b/polaris-react/src/components/Tabs/components/List/List.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {Item} from '../Item';
 import type {TabDescriptor} from '../../types';
 import {Box} from '../../../Box';
diff --git a/polaris-react/src/components/Tabs/components/List/tests/List.test.tsx b/polaris-react/src/components/Tabs/components/List/tests/List.test.tsx
index 90b595680e9..5dc9a0edea6 100644
--- a/polaris-react/src/components/Tabs/components/List/tests/List.test.tsx
+++ b/polaris-react/src/components/Tabs/components/List/tests/List.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {List} from '../List';
diff --git a/polaris-react/src/components/Tabs/components/Panel/Panel.tsx b/polaris-react/src/components/Tabs/components/Panel/Panel.tsx
index a632c1b5998..9521ec29f1d 100644
--- a/polaris-react/src/components/Tabs/components/Panel/Panel.tsx
+++ b/polaris-react/src/components/Tabs/components/Panel/Panel.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {classNames} from '../../../../utilities/css';
 import styles from '../../Tabs.scss';
 
diff --git a/polaris-react/src/components/Tabs/components/Panel/tests/Panel.test.tsx b/polaris-react/src/components/Tabs/components/Panel/tests/Panel.test.tsx
index affa9128cb4..0eb28ec5bb4 100644
--- a/polaris-react/src/components/Tabs/components/Panel/tests/Panel.test.tsx
+++ b/polaris-react/src/components/Tabs/components/Panel/tests/Panel.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Panel} from '../Panel';
diff --git a/polaris-react/src/components/Tabs/components/Tab/Tab.tsx b/polaris-react/src/components/Tabs/components/Tab/Tab.tsx
index eecee228d59..1c022d379c6 100644
--- a/polaris-react/src/components/Tabs/components/Tab/Tab.tsx
+++ b/polaris-react/src/components/Tabs/components/Tab/Tab.tsx
@@ -1,4 +1,4 @@
-import React, {useEffect, useRef} from 'react';
+import {useEffect, useRef} from 'react';
 
 import {classNames} from '../../../../utilities/css';
 import {UnstyledLink} from '../../../UnstyledLink';
diff --git a/polaris-react/src/components/Tabs/components/Tab/tests/Tab.test.tsx b/polaris-react/src/components/Tabs/components/Tab/tests/Tab.test.tsx
index 7434d8aceee..9265cec6758 100644
--- a/polaris-react/src/components/Tabs/components/Tab/tests/Tab.test.tsx
+++ b/polaris-react/src/components/Tabs/components/Tab/tests/Tab.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Tab} from '../Tab';
diff --git a/polaris-react/src/components/Tabs/components/TabMeasurer/TabMeasurer.tsx b/polaris-react/src/components/Tabs/components/TabMeasurer/TabMeasurer.tsx
index 98216f82341..a0fc4842512 100644
--- a/polaris-react/src/components/Tabs/components/TabMeasurer/TabMeasurer.tsx
+++ b/polaris-react/src/components/Tabs/components/TabMeasurer/TabMeasurer.tsx
@@ -1,4 +1,4 @@
-import React, {memo, useEffect, useRef, useCallback} from 'react';
+import {memo, useEffect, useRef, useCallback} from 'react';
 
 // eslint-disable-next-line import/no-deprecated
 import {EventListener} from '../../../EventListener';
diff --git a/polaris-react/src/components/Tabs/components/TabMeasurer/tests/TabMeasurer.test.tsx b/polaris-react/src/components/Tabs/components/TabMeasurer/tests/TabMeasurer.test.tsx
index 853daf30940..111361e5a86 100644
--- a/polaris-react/src/components/Tabs/components/TabMeasurer/tests/TabMeasurer.test.tsx
+++ b/polaris-react/src/components/Tabs/components/TabMeasurer/tests/TabMeasurer.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {TabMeasurer} from '../TabMeasurer';
diff --git a/polaris-react/src/components/Tabs/tests/Tabs.test.tsx b/polaris-react/src/components/Tabs/tests/Tabs.test.tsx
index 479faa09357..14ba26c4d44 100644
--- a/polaris-react/src/components/Tabs/tests/Tabs.test.tsx
+++ b/polaris-react/src/components/Tabs/tests/Tabs.test.tsx
@@ -1,4 +1,4 @@
-import React, {ComponentType} from 'react';
+import { ComponentType } from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Tab, Panel, TabMeasurer} from '../components';
diff --git a/polaris-react/src/components/Tag/Tag.stories.tsx b/polaris-react/src/components/Tag/Tag.stories.tsx
index 6c1673eec87..955f44c28ca 100644
--- a/polaris-react/src/components/Tag/Tag.stories.tsx
+++ b/polaris-react/src/components/Tag/Tag.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import { useCallback, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {Icon, LegacyStack, Tag} from '@shopify/polaris';
 import {WandMinor} from '@shopify/polaris-icons';
diff --git a/polaris-react/src/components/Tag/Tag.tsx b/polaris-react/src/components/Tag/Tag.tsx
index ae4c7480e8f..3c4dbd67517 100644
--- a/polaris-react/src/components/Tag/Tag.tsx
+++ b/polaris-react/src/components/Tag/Tag.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {CancelSmallMinor} from '@shopify/polaris-icons';
 
 import {classNames} from '../../utilities/css';
diff --git a/polaris-react/src/components/Tag/tests/Tag.test.tsx b/polaris-react/src/components/Tag/tests/Tag.test.tsx
index 6c4a666e1d1..82f2a41b2a0 100644
--- a/polaris-react/src/components/Tag/tests/Tag.test.tsx
+++ b/polaris-react/src/components/Tag/tests/Tag.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 import {SearchMinor} from '@shopify/polaris-icons';
 
diff --git a/polaris-react/src/components/Text/Text.stories.tsx b/polaris-react/src/components/Text/Text.stories.tsx
index a0693a407f5..0226442e2fc 100644
--- a/polaris-react/src/components/Text/Text.stories.tsx
+++ b/polaris-react/src/components/Text/Text.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {LegacyStack, Text} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/Text/Text.tsx b/polaris-react/src/components/Text/Text.tsx
index be29788005b..1a4d0b58634 100644
--- a/polaris-react/src/components/Text/Text.tsx
+++ b/polaris-react/src/components/Text/Text.tsx
@@ -1,4 +1,4 @@
-import React, {ReactNode} from 'react';
+import { ReactNode } from 'react';
 
 import {classNames} from '../../utilities/css';
 
diff --git a/polaris-react/src/components/Text/tests/Text.test.tsx b/polaris-react/src/components/Text/tests/Text.test.tsx
index f09c666bd41..f42cbf611f4 100644
--- a/polaris-react/src/components/Text/tests/Text.test.tsx
+++ b/polaris-react/src/components/Text/tests/Text.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Text} from '../Text';
diff --git a/polaris-react/src/components/TextContainer/TextContainer.stories.tsx b/polaris-react/src/components/TextContainer/TextContainer.stories.tsx
index 5af854fb1f6..06cd0160ede 100644
--- a/polaris-react/src/components/TextContainer/TextContainer.stories.tsx
+++ b/polaris-react/src/components/TextContainer/TextContainer.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {Text, TextContainer} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/TextContainer/TextContainer.tsx b/polaris-react/src/components/TextContainer/TextContainer.tsx
index c4a938912df..042969802f0 100644
--- a/polaris-react/src/components/TextContainer/TextContainer.tsx
+++ b/polaris-react/src/components/TextContainer/TextContainer.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {classNames, variationName} from '../../utilities/css';
 
 import styles from './TextContainer.scss';
@@ -13,7 +11,7 @@ export interface TextContainerProps {
   children?: React.ReactNode;
 }
 
-/** @deprecated Use AlphaStack instead */
+/** @deprecated Use Stack instead */
 export function TextContainer({spacing, children}: TextContainerProps) {
   const className = classNames(
     styles.TextContainer,
diff --git a/polaris-react/src/components/TextField/TextField.scss b/polaris-react/src/components/TextField/TextField.scss
index 82d6b19c1f6..40fb2426b9b 100644
--- a/polaris-react/src/components/TextField/TextField.scss
+++ b/polaris-react/src/components/TextField/TextField.scss
@@ -88,8 +88,6 @@ $spinner-icon-size: 12px;
   font-size: var(--p-font-size-200);
   font-weight: var(--p-font-weight-regular);
   line-height: var(--p-font-line-height-2);
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  text-transform: initial;
   letter-spacing: initial;
   // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
   position: relative;
diff --git a/polaris-react/src/components/TextField/TextField.stories.tsx b/polaris-react/src/components/TextField/TextField.stories.tsx
index 40d40a8f41a..bb94eaaafd6 100644
--- a/polaris-react/src/components/TextField/TextField.stories.tsx
+++ b/polaris-react/src/components/TextField/TextField.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useEffect, useMemo, useState} from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {
   Button,
diff --git a/polaris-react/src/components/TextField/TextField.tsx b/polaris-react/src/components/TextField/TextField.tsx
index 9280b457c8c..4060bccbfbf 100644
--- a/polaris-react/src/components/TextField/TextField.tsx
+++ b/polaris-react/src/components/TextField/TextField.tsx
@@ -1,15 +1,15 @@
-import React, {
+import {
   createElement,
   useState,
   useEffect,
   useRef,
   useCallback,
+  useId,
 } from 'react';
 import {CircleCancelMinor} from '@shopify/polaris-icons';
 
 import {classNames, variationName} from '../../utilities/css';
 import {useI18n} from '../../utilities/i18n';
-import {useUniqueId} from '../../utilities/unique-id';
 import {useIsAfterInitialMount} from '../../utilities/use-is-after-initial-mount';
 import {Labelled, LabelledProps, helpTextID, labelID} from '../Labelled';
 import {Connected} from '../Connected';
@@ -230,8 +230,8 @@ export function TextField({
   const [height, setHeight] = useState<number | null>(null);
   const [focus, setFocus] = useState(Boolean(focused));
   const isAfterInitial = useIsAfterInitialMount();
-
-  const id = useUniqueId('TextField', idProp);
+  const uniqId = useId();
+  const id = idProp ?? uniqId;
 
   const inputRef = useRef<HTMLInputElement>(null);
   const textAreaRef = useRef<HTMLTextAreaElement>(null);
diff --git a/polaris-react/src/components/TextField/components/Resizer/Resizer.tsx b/polaris-react/src/components/TextField/components/Resizer/Resizer.tsx
index f3ab5ae794d..392d21abd61 100644
--- a/polaris-react/src/components/TextField/components/Resizer/Resizer.tsx
+++ b/polaris-react/src/components/TextField/components/Resizer/Resizer.tsx
@@ -1,4 +1,4 @@
-import React, {useRef, useEffect, useCallback} from 'react';
+import { useRef, useEffect, useCallback } from 'react';
 
 // eslint-disable-next-line import/no-deprecated
 import {EventListener} from '../../../EventListener';
diff --git a/polaris-react/src/components/TextField/components/Resizer/tests/Resizer.test.tsx b/polaris-react/src/components/TextField/components/Resizer/tests/Resizer.test.tsx
index 0296c8b8d94..5de16e80ccf 100644
--- a/polaris-react/src/components/TextField/components/Resizer/tests/Resizer.test.tsx
+++ b/polaris-react/src/components/TextField/components/Resizer/tests/Resizer.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {animationFrame, dimension} from '@shopify/jest-dom-mocks';
 import {mountWithApp} from 'tests/utilities';
 
diff --git a/polaris-react/src/components/TextField/components/Spinner/Spinner.tsx b/polaris-react/src/components/TextField/components/Spinner/Spinner.tsx
index ec8e38f220f..2e85dde464a 100644
--- a/polaris-react/src/components/TextField/components/Spinner/Spinner.tsx
+++ b/polaris-react/src/components/TextField/components/Spinner/Spinner.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import {forwardRef} from 'react';
 import {CaretDownMinor, CaretUpMinor} from '@shopify/polaris-icons';
 
 import {Icon} from '../../../Icon';
@@ -14,7 +14,7 @@ export interface SpinnerProps {
   onBlur(event: React.FocusEvent): void;
 }
 
-export const Spinner = React.forwardRef<HTMLDivElement, SpinnerProps>(
+export const Spinner = forwardRef<HTMLDivElement, SpinnerProps>(
   function Spinner({onChange, onClick, onMouseDown, onMouseUp, onBlur}, ref) {
     function handleStep(step: number) {
       return () => onChange(step);
diff --git a/polaris-react/src/components/TextField/components/Spinner/tests/Spinner.test.tsx b/polaris-react/src/components/TextField/components/Spinner/tests/Spinner.test.tsx
index 4f02bf3357f..0827fd13a68 100644
--- a/polaris-react/src/components/TextField/components/Spinner/tests/Spinner.test.tsx
+++ b/polaris-react/src/components/TextField/components/Spinner/tests/Spinner.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Spinner} from '../Spinner';
diff --git a/polaris-react/src/components/TextField/tests/TextField.test.tsx b/polaris-react/src/components/TextField/tests/TextField.test.tsx
index 3c31e74c5c3..846fa2d1e0a 100644
--- a/polaris-react/src/components/TextField/tests/TextField.test.tsx
+++ b/polaris-react/src/components/TextField/tests/TextField.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Connected} from '../../Connected';
@@ -80,7 +79,7 @@ describe('<TextField />', () => {
     );
 
     expect(textField).toContainReactComponent('input', {
-      'aria-labelledby': 'PolarisTextField1Label',
+      'aria-labelledby': ':r2:Label',
     });
   });
 
@@ -220,7 +219,7 @@ describe('<TextField />', () => {
       );
 
       expect(textField).toContainReactComponent('input', {
-        id: 'PolarisTextField1',
+        id: ':ra:',
       });
     });
 
@@ -333,7 +332,7 @@ describe('<TextField />', () => {
       );
 
       expect(textField).toContainReactComponent('input', {
-        'aria-describedby': 'PolarisTextField1HelpText',
+        'aria-describedby': ':ri:HelpText',
       });
       expect(textField.find('div')).toContainReactText('Some help');
     });
@@ -372,7 +371,7 @@ describe('<TextField />', () => {
       );
 
       expect(textField).toContainReactComponent('input', {
-        'aria-describedby': 'PolarisTextField1Error',
+        'aria-describedby': ':rk:Error',
       });
     });
 
@@ -410,7 +409,7 @@ describe('<TextField />', () => {
       );
 
       expect(textField).toContainReactComponent('input', {
-        'aria-describedby': 'PolarisTextField1Error PolarisTextField1HelpText',
+        'aria-describedby': ':rm:Error :rm:HelpText',
       });
 
       expect(textField.find('div')).toContainReactText('Some error');
diff --git a/polaris-react/src/components/TextStyle/TextStyle.scss b/polaris-react/src/components/TextStyle/TextStyle.scss
deleted file mode 100644
index 98a9765e5ec..00000000000
--- a/polaris-react/src/components/TextStyle/TextStyle.scss
+++ /dev/null
@@ -1,56 +0,0 @@
-@import '../../styles/common';
-
-.variationPositive {
-  color: var(--p-text-success);
-}
-
-.variationNegative {
-  color: var(--p-text-critical);
-}
-
-.variationWarning {
-  color: var(--p-text-warning);
-}
-
-.variationCode {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  position: relative;
-  padding: 0 var(--p-space-1);
-  border-radius: var(--p-border-radius-1);
-  background-color: var(--p-surface-subdued);
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  display: inline-block;
-  font-size: var(--p-font-size-200);
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  box-shadow: inset 0 0 0 1px var(--p-border-subdued);
-
-  &::after {
-    content: '';
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    position: absolute;
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    top: 0;
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    left: 0;
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    width: 100%;
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    height: 100%;
-    border: var(--p-border-width-1) solid transparent;
-    pointer-events: none;
-  }
-}
-
-.variationStrong {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  @include text-emphasis-strong;
-}
-
-.variationSubdued {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  @include text-emphasis-subdued;
-
-  @media print {
-    color: var(--p-text-subdued);
-  }
-}
diff --git a/polaris-react/src/components/TextStyle/TextStyle.stories.tsx b/polaris-react/src/components/TextStyle/TextStyle.stories.tsx
deleted file mode 100644
index 0e43215b6e2..00000000000
--- a/polaris-react/src/components/TextStyle/TextStyle.stories.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import React from 'react';
-import type {ComponentMeta} from '@storybook/react';
-import {TextStyle} from '@shopify/polaris';
-
-export default {
-  component: TextStyle,
-} as ComponentMeta<typeof TextStyle>;
-
-export function Subdued() {
-  return <TextStyle variation="subdued">No supplier listed</TextStyle>;
-}
-
-export function Strong() {
-  return <TextStyle variation="strong">Total</TextStyle>;
-}
-
-export function Positive() {
-  return <TextStyle variation="positive">Orders increased</TextStyle>;
-}
-
-export function Negative() {
-  return <TextStyle variation="negative">Orders decreased</TextStyle>;
-}
-
-export function Warning() {
-  return <TextStyle variation="warning">Scheduled maintenance</TextStyle>;
-}
-
-export function Code() {
-  return (
-    <p>
-      New URL that visitors should be forwarded to. If you want your store’s
-      homepage, enter <TextStyle variation="code"> / </TextStyle> (a forward
-      slash).
-    </p>
-  );
-}
diff --git a/polaris-react/src/components/TextStyle/TextStyle.tsx b/polaris-react/src/components/TextStyle/TextStyle.tsx
deleted file mode 100644
index 31238cea82b..00000000000
--- a/polaris-react/src/components/TextStyle/TextStyle.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import React from 'react';
-
-import {classNames, variationName} from '../../utilities/css';
-
-import styles from './TextStyle.scss';
-
-type Variation =
-  | 'positive'
-  | 'negative'
-  | 'warning'
-  | 'strong'
-  | 'subdued'
-  | 'code';
-
-enum VariationValue {
-  Positive = 'positive',
-  Negative = 'negative',
-  Warning = 'warning',
-  Strong = 'strong',
-  Subdued = 'subdued',
-  Code = 'code',
-}
-
-export interface TextStyleProps {
-  /** Give text additional visual meaning */
-  variation?: Variation;
-  /** The content that should get the intended styling */
-  children?: React.ReactNode;
-}
-
-/**
- * @deprecated The TextStyle component will be removed in the next
- * major version. Use the Text component instead. See the
- * Polaris component guide on how to use Text.
- *
- * https://polaris.shopify.com/components/text
- */
-export function TextStyle({variation, children}: TextStyleProps) {
-  const className = classNames(
-    variation && styles[variationName('variation', variation)],
-    variation === VariationValue.Code && styles.code,
-  );
-
-  const Element = variationElement(variation);
-
-  return <Element className={className}>{children}</Element>;
-}
-
-function variationElement(variation?: Variation) {
-  return variation === VariationValue.Code ? 'code' : 'span';
-}
diff --git a/polaris-react/src/components/TextStyle/index.ts b/polaris-react/src/components/TextStyle/index.ts
deleted file mode 100644
index 96b3d89b9e5..00000000000
--- a/polaris-react/src/components/TextStyle/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './TextStyle';
diff --git a/polaris-react/src/components/TextStyle/tests/TextStyle.test.tsx b/polaris-react/src/components/TextStyle/tests/TextStyle.test.tsx
deleted file mode 100644
index 5515fa917d0..00000000000
--- a/polaris-react/src/components/TextStyle/tests/TextStyle.test.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import React from 'react';
-import {mountWithApp} from 'tests/utilities';
-
-// eslint-disable-next-line import/no-deprecated
-import {TextStyle} from '../TextStyle';
-
-describe('<TextStyle />', () => {
-  it('mounts', () => {
-    const textStyle = mountWithApp(<TextStyle />);
-    expect(textStyle).not.toBeNull();
-  });
-
-  it('renders children', () => {
-    const textStyle = mountWithApp(<TextStyle>Hello Polaris</TextStyle>);
-    expect(textStyle.find('span')).toContainReactText('Hello Polaris');
-  });
-
-  it('renders a span by default', () => {
-    const textStyle = mountWithApp(<TextStyle>Hello Polaris</TextStyle>);
-    expect(textStyle).toContainReactComponent('span');
-  });
-
-  it('renders a span when the variant positive is provided', () => {
-    const textStyle = mountWithApp(
-      <TextStyle variation="positive">Hello Polaris</TextStyle>,
-    );
-    expect(textStyle).toContainReactComponent('span');
-  });
-
-  it('renders a span when the variant negative is provided', () => {
-    const textStyle = mountWithApp(
-      <TextStyle variation="negative">Hello Polaris</TextStyle>,
-    );
-    expect(textStyle).toContainReactComponent('span');
-  });
-
-  it('renders a span when the variant warning is provided', () => {
-    const textStyle = mountWithApp(
-      <TextStyle variation="warning">Hello Polaris</TextStyle>,
-    );
-    expect(textStyle).toContainReactComponent('span');
-  });
-
-  it('renders a span when the variant subdued is provided', () => {
-    const textStyle = mountWithApp(
-      <TextStyle variation="subdued">Hello Polaris</TextStyle>,
-    );
-    expect(textStyle).toContainReactComponent('span');
-  });
-
-  it('renders a span tag when the strong variant is provided', () => {
-    const textStyle = mountWithApp(
-      <TextStyle variation="strong">Hello Polaris</TextStyle>,
-    );
-    expect(textStyle).toContainReactComponent('span');
-  });
-
-  it('renders a code tag when the code variant is provided', () => {
-    const textStyle = mountWithApp(
-      <TextStyle variation="code">Hello Polaris</TextStyle>,
-    );
-    expect(textStyle).toContainReactComponent('code');
-  });
-});
diff --git a/polaris-react/src/components/Thumbnail/Thumbnail.stories.tsx b/polaris-react/src/components/Thumbnail/Thumbnail.stories.tsx
index b878de38eb2..0c05367dd45 100644
--- a/polaris-react/src/components/Thumbnail/Thumbnail.stories.tsx
+++ b/polaris-react/src/components/Thumbnail/Thumbnail.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {Thumbnail} from '@shopify/polaris';
 import {NoteMinor} from '@shopify/polaris-icons';
diff --git a/polaris-react/src/components/Thumbnail/Thumbnail.tsx b/polaris-react/src/components/Thumbnail/Thumbnail.tsx
index 698439f893e..6ef2034d77d 100644
--- a/polaris-react/src/components/Thumbnail/Thumbnail.tsx
+++ b/polaris-react/src/components/Thumbnail/Thumbnail.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {classNames, variationName} from '../../utilities/css';
 import {Image} from '../Image';
 import {Icon} from '../Icon';
diff --git a/polaris-react/src/components/Thumbnail/tests/Thumbnail.test.tsx b/polaris-react/src/components/Thumbnail/tests/Thumbnail.test.tsx
index beb712d642f..2aebbcaa9c0 100644
--- a/polaris-react/src/components/Thumbnail/tests/Thumbnail.test.tsx
+++ b/polaris-react/src/components/Thumbnail/tests/Thumbnail.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 import {NoteMajor} from '@shopify/polaris-icons';
 
diff --git a/polaris-react/src/components/Toast/Toast.stories.tsx b/polaris-react/src/components/Toast/Toast.stories.tsx
index 29b03ef2b96..95b7f4024c8 100644
--- a/polaris-react/src/components/Toast/Toast.stories.tsx
+++ b/polaris-react/src/components/Toast/Toast.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import { useCallback, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {Button, ButtonGroup, Frame, Page, Toast} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/Toast/Toast.tsx b/polaris-react/src/components/Toast/Toast.tsx
index 226c9a2a1f5..361743d553a 100644
--- a/polaris-react/src/components/Toast/Toast.tsx
+++ b/polaris-react/src/components/Toast/Toast.tsx
@@ -1,7 +1,6 @@
-import {memo} from 'react';
+import {memo, useId} from 'react';
 
 import {ToastProps as ToastProps1, useFrame} from '../../utilities/frame';
-import {useUniqueId} from '../../utilities/unique-id';
 import {useDeepEffect} from '../../utilities/use-deep-effect';
 
 // The script in the styleguide that generates the Props Explorer data expects
@@ -11,7 +10,7 @@ import {useDeepEffect} from '../../utilities/use-deep-effect';
 export interface ToastProps extends ToastProps1 {}
 
 export const Toast = memo(function Toast(props: ToastProps) {
-  const id = useUniqueId('Toast');
+  const id = useId();
   const {showToast, hideToast} = useFrame();
 
   useDeepEffect(() => {
diff --git a/polaris-react/src/components/Toast/tests/Toast.test.tsx b/polaris-react/src/components/Toast/tests/Toast.test.tsx
index 4cd476e923f..3ecd6720997 100644
--- a/polaris-react/src/components/Toast/tests/Toast.test.tsx
+++ b/polaris-react/src/components/Toast/tests/Toast.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Toast} from '../Toast';
diff --git a/polaris-react/src/components/Tooltip/Tooltip.stories.tsx b/polaris-react/src/components/Tooltip/Tooltip.stories.tsx
index e18ba67b38e..cf6a19ae973 100644
--- a/polaris-react/src/components/Tooltip/Tooltip.stories.tsx
+++ b/polaris-react/src/components/Tooltip/Tooltip.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {QuestionMarkMinor} from '@shopify/polaris-icons';
 import type {ComponentMeta} from '@storybook/react';
 import {
diff --git a/polaris-react/src/components/Tooltip/Tooltip.tsx b/polaris-react/src/components/Tooltip/Tooltip.tsx
index 3ff408c62af..08b2a16fef8 100644
--- a/polaris-react/src/components/Tooltip/Tooltip.tsx
+++ b/polaris-react/src/components/Tooltip/Tooltip.tsx
@@ -1,4 +1,4 @@
-import React, {useEffect, useState, useRef, useCallback} from 'react';
+import {useEffect, useState, useRef, useCallback, useId} from 'react';
 import type {
   ShapeBorderRadiusScale,
   SpacingSpaceScale,
@@ -7,7 +7,6 @@ import type {
 import {Portal} from '../Portal';
 import {useEphemeralPresenceManager} from '../../utilities/ephemeral-presence-manager';
 import {findFirstFocusableNode} from '../../utilities/focus';
-import {useUniqueId} from '../../utilities/unique-id';
 import {useToggle} from '../../utilities/use-toggle';
 import {classNames} from '../../utilities/css';
 
@@ -103,7 +102,7 @@ export function Tooltip({
   const {presenceList, addPresence, removePresence} =
     useEphemeralPresenceManager();
 
-  const id = useUniqueId('TooltipContent');
+  const id = useId();
   const activatorContainer = useRef<HTMLElement>(null);
   const mouseEntered = useRef(false);
   const [shouldAnimate, setShouldAnimate] = useState(Boolean(!originalActive));
diff --git a/polaris-react/src/components/Tooltip/components/TooltipOverlay/TooltipOverlay.tsx b/polaris-react/src/components/Tooltip/components/TooltipOverlay/TooltipOverlay.tsx
index abb5f1da3c3..905ebf10a9a 100644
--- a/polaris-react/src/components/Tooltip/components/TooltipOverlay/TooltipOverlay.tsx
+++ b/polaris-react/src/components/Tooltip/components/TooltipOverlay/TooltipOverlay.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {classNames} from '../../../../utilities/css';
 import {layer} from '../../../shared';
 import {
diff --git a/polaris-react/src/components/Tooltip/components/TooltipOverlay/tests/TooltipOverlay.test.tsx b/polaris-react/src/components/Tooltip/components/TooltipOverlay/tests/TooltipOverlay.test.tsx
index f189facb2d3..55df27ea261 100644
--- a/polaris-react/src/components/Tooltip/components/TooltipOverlay/tests/TooltipOverlay.test.tsx
+++ b/polaris-react/src/components/Tooltip/components/TooltipOverlay/tests/TooltipOverlay.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {TooltipOverlay} from '../TooltipOverlay';
diff --git a/polaris-react/src/components/Tooltip/tests/Tooltip.test.tsx b/polaris-react/src/components/Tooltip/tests/Tooltip.test.tsx
index 6d8665f5cf0..9cf18740180 100644
--- a/polaris-react/src/components/Tooltip/tests/Tooltip.test.tsx
+++ b/polaris-react/src/components/Tooltip/tests/Tooltip.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Link} from '../../Link';
diff --git a/polaris-react/src/components/TopBar/TopBar.stories.tsx b/polaris-react/src/components/TopBar/TopBar.stories.tsx
index b79db4a50b9..e476edc1158 100644
--- a/polaris-react/src/components/TopBar/TopBar.stories.tsx
+++ b/polaris-react/src/components/TopBar/TopBar.stories.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import { useCallback, useState } from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {ActionList, Frame, Icon, TopBar, Text} from '@shopify/polaris';
 import {ArrowLeftMinor, QuestionMarkMajor} from '@shopify/polaris-icons';
diff --git a/polaris-react/src/components/TopBar/TopBar.tsx b/polaris-react/src/components/TopBar/TopBar.tsx
index 3cf1ea28ae9..4c06d35eb61 100644
--- a/polaris-react/src/components/TopBar/TopBar.tsx
+++ b/polaris-react/src/components/TopBar/TopBar.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {MobileHamburgerMajor} from '@shopify/polaris-icons';
 
 import {classNames} from '../../utilities/css';
diff --git a/polaris-react/src/components/TopBar/components/Menu/Menu.tsx b/polaris-react/src/components/TopBar/components/Menu/Menu.tsx
index 35b58386cce..8e82f38f537 100644
--- a/polaris-react/src/components/TopBar/components/Menu/Menu.tsx
+++ b/polaris-react/src/components/TopBar/components/Menu/Menu.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {ActionList, ActionListProps} from '../../../ActionList';
 import {Popover} from '../../../Popover';
 
diff --git a/polaris-react/src/components/TopBar/components/Menu/components/Message/Message.tsx b/polaris-react/src/components/TopBar/components/Menu/components/Message/Message.tsx
index 2f20edb232b..e1dc21e5691 100644
--- a/polaris-react/src/components/TopBar/components/Menu/components/Message/Message.tsx
+++ b/polaris-react/src/components/TopBar/components/Menu/components/Message/Message.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {Badge, BadgeProps} from '../../../../../Badge';
 import {Button} from '../../../../../Button';
 import {Text} from '../../../../../Text';
diff --git a/polaris-react/src/components/TopBar/components/Menu/components/Message/tests/Message.test.tsx b/polaris-react/src/components/TopBar/components/Menu/components/Message/tests/Message.test.tsx
index 42147782d7d..4098b23ac57 100644
--- a/polaris-react/src/components/TopBar/components/Menu/components/Message/tests/Message.test.tsx
+++ b/polaris-react/src/components/TopBar/components/Menu/components/Message/tests/Message.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Message} from '../Message';
diff --git a/polaris-react/src/components/TopBar/components/Menu/tests/Menu.test.tsx b/polaris-react/src/components/TopBar/components/Menu/tests/Menu.test.tsx
index ba6893d18a9..a39b546f51e 100644
--- a/polaris-react/src/components/TopBar/components/Menu/tests/Menu.test.tsx
+++ b/polaris-react/src/components/TopBar/components/Menu/tests/Menu.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {ActionList} from '../../../../ActionList';
diff --git a/polaris-react/src/components/TopBar/components/Search/Search.tsx b/polaris-react/src/components/TopBar/components/Search/Search.tsx
index 93130cff383..01fa72f8696 100644
--- a/polaris-react/src/components/TopBar/components/Search/Search.tsx
+++ b/polaris-react/src/components/TopBar/components/Search/Search.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import {classNames} from '../../../../utilities/css';
 import {SearchDismissOverlay} from '../SearchDismissOverlay';
 
diff --git a/polaris-react/src/components/TopBar/components/Search/tests/Search.test.tsx b/polaris-react/src/components/TopBar/components/Search/tests/Search.test.tsx
index 058accf902b..c48a007217c 100644
--- a/polaris-react/src/components/TopBar/components/Search/tests/Search.test.tsx
+++ b/polaris-react/src/components/TopBar/components/Search/tests/Search.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Search} from '../Search';
diff --git a/polaris-react/src/components/TopBar/components/SearchDismissOverlay/SearchDismissOverlay.tsx b/polaris-react/src/components/TopBar/components/SearchDismissOverlay/SearchDismissOverlay.tsx
index 05c69092cea..47ca1643f4b 100644
--- a/polaris-react/src/components/TopBar/components/SearchDismissOverlay/SearchDismissOverlay.tsx
+++ b/polaris-react/src/components/TopBar/components/SearchDismissOverlay/SearchDismissOverlay.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useRef} from 'react';
+import {useCallback, useRef} from 'react';
 
 import {ScrollLock} from '../../../ScrollLock';
 import {classNames} from '../../../../utilities/css';
diff --git a/polaris-react/src/components/TopBar/components/SearchDismissOverlay/tests/SearchDismissOverlay.test.tsx b/polaris-react/src/components/TopBar/components/SearchDismissOverlay/tests/SearchDismissOverlay.test.tsx
index afa3cdfa3ba..ce1ab324b41 100644
--- a/polaris-react/src/components/TopBar/components/SearchDismissOverlay/tests/SearchDismissOverlay.test.tsx
+++ b/polaris-react/src/components/TopBar/components/SearchDismissOverlay/tests/SearchDismissOverlay.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {SearchDismissOverlay} from '../SearchDismissOverlay';
diff --git a/polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx b/polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx
index 91b9235d08e..17ac4569c25 100644
--- a/polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx
+++ b/polaris-react/src/components/TopBar/components/SearchField/SearchField.tsx
@@ -1,9 +1,8 @@
-import React, {useCallback, useEffect, useState, useRef} from 'react';
+import {useCallback, useEffect, useState, useRef, useId} from 'react';
 import {CircleCancelMinor, SearchMinor} from '@shopify/polaris-icons';
 
 import {classNames} from '../../../../utilities/css';
 import {useI18n} from '../../../../utilities/i18n';
-import {useUniqueId} from '../../../../utilities/unique-id';
 import {Icon} from '../../../Icon';
 import {Text} from '../../../Text';
 
@@ -45,7 +44,7 @@ export function SearchField({
   const [forceActive, setForceActive] = useState(false);
 
   const input = useRef<HTMLInputElement>(null);
-  const searchId = useUniqueId('SearchField');
+  const searchId = useId();
 
   const handleChange = useCallback(
     ({currentTarget}: React.ChangeEvent<HTMLInputElement>) => {
diff --git a/polaris-react/src/components/TopBar/components/SearchField/tests/SearchField.test.tsx b/polaris-react/src/components/TopBar/components/SearchField/tests/SearchField.test.tsx
index fb74b82425f..7b1c566e2c0 100644
--- a/polaris-react/src/components/TopBar/components/SearchField/tests/SearchField.test.tsx
+++ b/polaris-react/src/components/TopBar/components/SearchField/tests/SearchField.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {CircleCancelMinor} from '@shopify/polaris-icons';
 import {mountWithApp} from 'tests/utilities';
 
diff --git a/polaris-react/src/components/TopBar/components/UserMenu/UserMenu.tsx b/polaris-react/src/components/TopBar/components/UserMenu/UserMenu.tsx
index 45c973ebb83..dc74ed6e4da 100644
--- a/polaris-react/src/components/TopBar/components/UserMenu/UserMenu.tsx
+++ b/polaris-react/src/components/TopBar/components/UserMenu/UserMenu.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import type {IconableAction} from '../../../../types';
 import {Avatar, AvatarProps} from '../../../Avatar';
 import {MessageIndicator} from '../../../MessageIndicator';
diff --git a/polaris-react/src/components/TopBar/components/UserMenu/tests/UserMenu.test.tsx b/polaris-react/src/components/TopBar/components/UserMenu/tests/UserMenu.test.tsx
index 241beff5531..74b52168eb4 100644
--- a/polaris-react/src/components/TopBar/components/UserMenu/tests/UserMenu.test.tsx
+++ b/polaris-react/src/components/TopBar/components/UserMenu/tests/UserMenu.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {ViewMinor} from '@shopify/polaris-icons';
 import {mountWithApp} from 'tests/utilities';
 
diff --git a/polaris-react/src/components/TopBar/tests/TopBar.test.tsx b/polaris-react/src/components/TopBar/tests/TopBar.test.tsx
index 45dc42b2ee7..46fcd55d640 100644
--- a/polaris-react/src/components/TopBar/tests/TopBar.test.tsx
+++ b/polaris-react/src/components/TopBar/tests/TopBar.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Image} from '../../Image';
diff --git a/polaris-react/src/components/TrapFocus/TrapFocus.tsx b/polaris-react/src/components/TrapFocus/TrapFocus.tsx
index f7d9f307317..811f884b16e 100644
--- a/polaris-react/src/components/TrapFocus/TrapFocus.tsx
+++ b/polaris-react/src/components/TrapFocus/TrapFocus.tsx
@@ -1,4 +1,4 @@
-import React, {useRef, useEffect, useState} from 'react';
+import {useRef, useEffect, useState} from 'react';
 
 import {Key} from '../../types';
 // eslint-disable-next-line import/no-deprecated
diff --git a/polaris-react/src/components/TrapFocus/tests/TrapFocus.test.tsx b/polaris-react/src/components/TrapFocus/tests/TrapFocus.test.tsx
index 6956ecec230..624c24d407a 100644
--- a/polaris-react/src/components/TrapFocus/tests/TrapFocus.test.tsx
+++ b/polaris-react/src/components/TrapFocus/tests/TrapFocus.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Button} from '../../Button';
diff --git a/polaris-react/src/components/Truncate/Truncate.tsx b/polaris-react/src/components/Truncate/Truncate.tsx
index 3a8256b0b93..ed550344ba8 100644
--- a/polaris-react/src/components/Truncate/Truncate.tsx
+++ b/polaris-react/src/components/Truncate/Truncate.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import styles from './Truncate.scss';
 
 export interface TruncateProps {
diff --git a/polaris-react/src/components/Truncate/tests/Truncate.test.tsx b/polaris-react/src/components/Truncate/tests/Truncate.test.tsx
index 074f94b2576..1782cb8c20e 100644
--- a/polaris-react/src/components/Truncate/tests/Truncate.test.tsx
+++ b/polaris-react/src/components/Truncate/tests/Truncate.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Truncate} from '../Truncate';
diff --git a/polaris-react/src/components/UnstyledButton/UnstyledButton.tsx b/polaris-react/src/components/UnstyledButton/UnstyledButton.tsx
index 82319b09432..c5c5a4715bc 100644
--- a/polaris-react/src/components/UnstyledButton/UnstyledButton.tsx
+++ b/polaris-react/src/components/UnstyledButton/UnstyledButton.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import type {BaseButton} from '../../types';
 import {handleMouseUpByBlurring} from '../../utilities/focus';
 import {useDisableClick} from '../../utilities/use-disable-interaction';
diff --git a/polaris-react/src/components/UnstyledButton/tests/UnstyledButton.test.tsx b/polaris-react/src/components/UnstyledButton/tests/UnstyledButton.test.tsx
index 3e6b8900946..7489094f688 100644
--- a/polaris-react/src/components/UnstyledButton/tests/UnstyledButton.test.tsx
+++ b/polaris-react/src/components/UnstyledButton/tests/UnstyledButton.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {UnstyledLink} from '../../UnstyledLink';
diff --git a/polaris-react/src/components/UnstyledButton/utils.tsx b/polaris-react/src/components/UnstyledButton/utils.tsx
index 552edf3766a..b0b55ee5d39 100644
--- a/polaris-react/src/components/UnstyledButton/utils.tsx
+++ b/polaris-react/src/components/UnstyledButton/utils.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import type {ComplexAction} from '../../types';
 
 import {UnstyledButton, UnstyledButtonProps} from './UnstyledButton';
diff --git a/polaris-react/src/components/UnstyledLink/UnstyledLink.tsx b/polaris-react/src/components/UnstyledLink/UnstyledLink.tsx
index dde9380a528..e7de8773a62 100644
--- a/polaris-react/src/components/UnstyledLink/UnstyledLink.tsx
+++ b/polaris-react/src/components/UnstyledLink/UnstyledLink.tsx
@@ -1,4 +1,4 @@
-import React, {memo, forwardRef} from 'react';
+import { memo, forwardRef } from 'react';
 
 import {unstyled} from '../shared';
 import {useLink, LinkLikeComponentProps} from '../../utilities/link';
diff --git a/polaris-react/src/components/UnstyledLink/tests/UnstyledLink.test.tsx b/polaris-react/src/components/UnstyledLink/tests/UnstyledLink.test.tsx
index 809ca9d0659..3f7dd82a228 100644
--- a/polaris-react/src/components/UnstyledLink/tests/UnstyledLink.test.tsx
+++ b/polaris-react/src/components/UnstyledLink/tests/UnstyledLink.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {UnstyledLink} from '../UnstyledLink';
diff --git a/polaris-react/src/components/VideoThumbnail/VideoThumbnail.stories.tsx b/polaris-react/src/components/VideoThumbnail/VideoThumbnail.stories.tsx
index 1e42bbf15d7..71684f71f14 100644
--- a/polaris-react/src/components/VideoThumbnail/VideoThumbnail.stories.tsx
+++ b/polaris-react/src/components/VideoThumbnail/VideoThumbnail.stories.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import type {ComponentMeta} from '@storybook/react';
 import {MediaCard, VideoThumbnail} from '@shopify/polaris';
 
diff --git a/polaris-react/src/components/VideoThumbnail/VideoThumbnail.tsx b/polaris-react/src/components/VideoThumbnail/VideoThumbnail.tsx
index dfe98f60a12..6576d6a4d8b 100644
--- a/polaris-react/src/components/VideoThumbnail/VideoThumbnail.tsx
+++ b/polaris-react/src/components/VideoThumbnail/VideoThumbnail.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {PlayMinor} from '@shopify/polaris-icons';
 
 import {useI18n} from '../../utilities/i18n';
diff --git a/polaris-react/src/components/VideoThumbnail/tests/VideoThumbnail.test.tsx b/polaris-react/src/components/VideoThumbnail/tests/VideoThumbnail.test.tsx
index be8bfae27ba..d48a464cda9 100644
--- a/polaris-react/src/components/VideoThumbnail/tests/VideoThumbnail.test.tsx
+++ b/polaris-react/src/components/VideoThumbnail/tests/VideoThumbnail.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {VideoThumbnail} from '../VideoThumbnail';
diff --git a/polaris-react/src/components/VisuallyHidden/VisuallyHidden.scss b/polaris-react/src/components/VisuallyHidden/VisuallyHidden.scss
deleted file mode 100644
index 80ffafd9272..00000000000
--- a/polaris-react/src/components/VisuallyHidden/VisuallyHidden.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-@import '../../styles/common';
-
-.VisuallyHidden {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  @include visually-hidden;
-}
diff --git a/polaris-react/src/components/VisuallyHidden/VisuallyHidden.stories.tsx b/polaris-react/src/components/VisuallyHidden/VisuallyHidden.stories.tsx
deleted file mode 100644
index c4d0e0edb5d..00000000000
--- a/polaris-react/src/components/VisuallyHidden/VisuallyHidden.stories.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-import React from 'react';
-import type {ComponentMeta} from '@storybook/react';
-import {
-  LegacyCard,
-  FormLayout,
-  Heading,
-  TextField,
-  VisuallyHidden,
-} from '@shopify/polaris';
-
-export default {
-  component: VisuallyHidden,
-} as ComponentMeta<typeof VisuallyHidden>;
-
-export function Default() {
-  return (
-    <LegacyCard sectioned>
-      <VisuallyHidden>
-        <Heading>Title and description</Heading>
-      </VisuallyHidden>
-      <FormLayout>
-        <TextField
-          label="Title"
-          value="Artisanal Wooden Spoon"
-          onChange={() => {}}
-          autoComplete="off"
-        />
-        <TextField
-          label="Description"
-          multiline
-          onChange={() => {}}
-          autoComplete="off"
-        />
-      </FormLayout>
-    </LegacyCard>
-  );
-}
-
-export function TableHeaders() {
-  return (
-    <table>
-      <thead>
-        <tr>
-          <th scope="col">
-            <VisuallyHidden>Line item</VisuallyHidden>
-          </th>
-          <th scope="col">
-            <VisuallyHidden>Value</VisuallyHidden>
-          </th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr>
-          <th scope="row">Subtotal</th>
-          <td>$184.13</td>
-        </tr>
-        <tr>
-          <th scope="row">Tax</th>
-          <td>$0.00</td>
-        </tr>
-        <tr>
-          <th scope="row">Total</th>
-          <td>$184.13</td>
-        </tr>
-      </tbody>
-    </table>
-  );
-}
diff --git a/polaris-react/src/components/VisuallyHidden/VisuallyHidden.tsx b/polaris-react/src/components/VisuallyHidden/VisuallyHidden.tsx
deleted file mode 100644
index 5162184409e..00000000000
--- a/polaris-react/src/components/VisuallyHidden/VisuallyHidden.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from 'react';
-
-import styles from './VisuallyHidden.scss';
-
-export interface VisuallyHiddenProps {
-  /** The content to be hidden visually */
-  children?: React.ReactNode;
-}
-
-/**
- * @deprecated The VisuallyHidden component will be removed in the next
- * major version. Use the Text component instead. See the
- * Polaris component guide on how to use Text.
- *
- * https://polaris.shopify.com/components/text
- */
-export function VisuallyHidden({children}: VisuallyHiddenProps) {
-  return <span className={styles.VisuallyHidden}>{children}</span>;
-}
diff --git a/polaris-react/src/components/VisuallyHidden/index.ts b/polaris-react/src/components/VisuallyHidden/index.ts
deleted file mode 100644
index f11f3f421b2..00000000000
--- a/polaris-react/src/components/VisuallyHidden/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './VisuallyHidden';
diff --git a/polaris-react/src/index.ts b/polaris-react/src/index.ts
index 12e093049f8..c23fa552079 100644
--- a/polaris-react/src/index.ts
+++ b/polaris-react/src/index.ts
@@ -46,12 +46,6 @@ export type {
 export {ActionMenu} from './components/ActionMenu';
 export type {ActionMenuProps} from './components/ActionMenu';
 
-export {AlphaCard} from './components/AlphaCard';
-export type {AlphaCardProps} from './components/AlphaCard';
-
-export {AlphaStack} from './components/AlphaStack';
-export type {AlphaStackProps} from './components/AlphaStack';
-
 export {Autocomplete} from './components/Autocomplete';
 export type {AutocompleteProps} from './components/Autocomplete';
 
@@ -96,16 +90,8 @@ export type {ButtonGroupProps} from './components/ButtonGroup';
 export {CalloutCard} from './components/CalloutCard';
 export type {CalloutCardProps} from './components/CalloutCard';
 
-export {Caption} from './components/Caption';
-export type {CaptionProps} from './components/Caption';
-
 export {Card} from './components/Card';
-export type {
-  CardProps,
-  CardSectionProps,
-  CardHeaderProps,
-  CardSubsectionProps,
-} from './components/Card';
+export type {CardProps} from './components/Card';
 
 export {Checkbox} from './components/Checkbox';
 export type {CheckboxProps} from './components/Checkbox';
@@ -146,9 +132,6 @@ export type {DatePickerProps, Range} from './components/DatePicker';
 export {DescriptionList} from './components/DescriptionList';
 export type {DescriptionListProps} from './components/DescriptionList';
 
-export {DisplayText} from './components/DisplayText';
-export type {DisplayTextProps} from './components/DisplayText';
-
 export {Divider} from './components/Divider';
 export type {DividerProps} from './components/Divider';
 
@@ -199,9 +182,6 @@ export type {FullscreenBarProps} from './components/FullscreenBar';
 export {Grid} from './components/Grid';
 export type {GridProps, CellProps as GridCellProps} from './components/Grid';
 
-export {Heading} from './components/Heading';
-export type {HeadingProps} from './components/Heading';
-
 export {Icon} from './components/Icon';
 export type {IconProps} from './components/Icon';
 
@@ -229,9 +209,6 @@ export type {KeyboardKeyProps} from './components/KeyboardKey';
 export {KeypressListener} from './components/KeypressListener';
 export type {KeypressListenerProps} from './components/KeypressListener';
 
-export {KonamiCode} from './components/KonamiCode';
-export type {KonamiCodeProps} from './components/KonamiCode';
-
 export {Label, labelID} from './components/Label';
 export type {LabelProps} from './components/Label';
 
@@ -365,9 +342,6 @@ export type {StackProps} from './components/Stack';
 export {Sticky} from './components/Sticky';
 export type {StickyProps} from './components/Sticky';
 
-export {Subheading} from './components/Subheading';
-export type {SubheadingProps} from './components/Subheading';
-
 export {Tabs} from './components/Tabs';
 export type {TabsProps} from './components/Tabs';
 
@@ -383,9 +357,6 @@ export type {TextContainerProps} from './components/TextContainer';
 export {TextField} from './components/TextField';
 export type {TextFieldProps} from './components/TextField';
 
-export {TextStyle} from './components/TextStyle';
-export type {TextStyleProps} from './components/TextStyle';
-
 export {Thumbnail} from './components/Thumbnail';
 export type {ThumbnailProps} from './components/Thumbnail';
 
@@ -412,9 +383,6 @@ export type {UnstyledLinkProps} from './components/UnstyledLink';
 
 export {VideoThumbnail} from './components/VideoThumbnail';
 
-export {VisuallyHidden} from './components/VisuallyHidden';
-export type {VisuallyHiddenProps} from './components/VisuallyHidden';
-
 export type {
   RGBColor,
   HSBColor,
diff --git a/polaris-react/src/styles/shared/_typography.scss b/polaris-react/src/styles/shared/_typography.scss
index 4b6dc643267..2751321257d 100644
--- a/polaris-react/src/styles/shared/_typography.scss
+++ b/polaris-react/src/styles/shared/_typography.scss
@@ -26,8 +26,6 @@
   font-size: 13px;
   font-weight: var(--p-font-weight-semibold);
   line-height: var(--p-font-line-height-1);
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  text-transform: uppercase;
 
   @media #{$p-breakpoints-md-up} {
     font-size: var(--p-font-size-75);
@@ -39,9 +37,6 @@
   font-weight: var(--p-font-weight-regular);
   line-height: var(--p-font-line-height-3);
   border: none;
-
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  text-transform: initial;
   letter-spacing: initial;
 
   @media #{$p-breakpoints-md-up} {
@@ -54,9 +49,6 @@
   font-size: 15px;
   font-weight: var(--p-font-weight-regular);
   line-height: var(--p-font-line-height-2);
-
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  text-transform: initial;
   letter-spacing: initial;
 
   @media #{$p-breakpoints-md-up} {
@@ -69,9 +61,6 @@
   font-size: 15px;
   font-weight: var(--p-font-weight-medium);
   line-height: var(--p-font-line-height-1);
-
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  text-transform: initial;
   letter-spacing: initial;
 
   @media #{$p-breakpoints-md-up} {
@@ -84,9 +73,6 @@
   font-size: 17px;
   font-weight: var(--p-font-weight-medium);
   line-height: var(--p-font-line-height-2);
-
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  text-transform: initial;
   letter-spacing: initial;
 
   @media #{$p-breakpoints-md-up} {
diff --git a/polaris-react/src/utilities/combobox/tests/hook.test.tsx b/polaris-react/src/utilities/combobox/tests/hook.test.tsx
index 02bf229c411..739d911e617 100644
--- a/polaris-react/src/utilities/combobox/tests/hook.test.tsx
+++ b/polaris-react/src/utilities/combobox/tests/hook.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {useComboboxTextField} from '../hooks';
diff --git a/polaris-react/src/utilities/components.tsx b/polaris-react/src/utilities/components.tsx
index 42d6175dfa9..80c4c1be1d9 100644
--- a/polaris-react/src/utilities/components.tsx
+++ b/polaris-react/src/utilities/components.tsx
@@ -1,4 +1,4 @@
-import React, {Children, isValidElement} from 'react';
+import {Children, isValidElement} from 'react';
 
 // Wraps `element` in `Component`, if it is not already an instance of
 // `Component`. If `props` is passed, those will be added as props on the
diff --git a/polaris-react/src/utilities/features/tests/hooks.test.tsx b/polaris-react/src/utilities/features/tests/hooks.test.tsx
index 80f0458c1ca..200e1cda734 100644
--- a/polaris-react/src/utilities/features/tests/hooks.test.tsx
+++ b/polaris-react/src/utilities/features/tests/hooks.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mount, mountWithApp} from 'tests/utilities';
 
 import {useFeatures} from '../hooks';
diff --git a/polaris-react/src/utilities/focus-manager/hooks.ts b/polaris-react/src/utilities/focus-manager/hooks.ts
index b1152a8167a..1e69402cb48 100644
--- a/polaris-react/src/utilities/focus-manager/hooks.ts
+++ b/polaris-react/src/utilities/focus-manager/hooks.ts
@@ -1,6 +1,5 @@
-import {useContext, useMemo, useEffect} from 'react';
+import {useContext, useMemo, useEffect, useId} from 'react';
 
-import {useUniqueId} from '../unique-id';
 import {MissingAppProviderError} from '../errors';
 
 import {FocusManagerContext} from './context';
@@ -11,7 +10,7 @@ interface Options {
 
 export function useFocusManager({trapping}: Options) {
   const focusManager = useContext(FocusManagerContext);
-  const id = useUniqueId();
+  const id = useId();
 
   if (!focusManager) {
     throw new MissingAppProviderError('No FocusManager was provided.');
diff --git a/polaris-react/src/utilities/focus-manager/tests/hooks.test.tsx b/polaris-react/src/utilities/focus-manager/tests/hooks.test.tsx
index 6e2ae9d9608..eeba33211ec 100644
--- a/polaris-react/src/utilities/focus-manager/tests/hooks.test.tsx
+++ b/polaris-react/src/utilities/focus-manager/tests/hooks.test.tsx
@@ -1,12 +1,6 @@
-import React from 'react';
 import {mount, mountWithApp} from 'tests/utilities';
 
 import {useFocusManager} from '../hooks';
-import {
-  UniqueIdFactory,
-  UniqueIdFactoryContext,
-  globalIdGeneratorFactory,
-} from '../../unique-id';
 
 let consoleErrorSpy: jest.SpyInstance;
 
@@ -30,14 +24,7 @@ describe('useFocusManager', () => {
   });
 
   it('throws an error if context is not set', () => {
-    const attemptMount = () =>
-      mount(
-        <UniqueIdFactoryContext.Provider
-          value={new UniqueIdFactory(globalIdGeneratorFactory)}
-        >
-          <Component />
-        </UniqueIdFactoryContext.Provider>,
-      );
+    const attemptMount = () => mount(<Component />);
     expect(attemptMount).toThrow(
       'No FocusManager was provided. Your application must be wrapped in an <AppProvider> component. See https://polaris.shopify.com/components/app-provider for implementation instructions.',
     );
diff --git a/polaris-react/src/utilities/frame/tests/hooks.test.tsx b/polaris-react/src/utilities/frame/tests/hooks.test.tsx
index b24b6e5975a..88b3930e2cb 100644
--- a/polaris-react/src/utilities/frame/tests/hooks.test.tsx
+++ b/polaris-react/src/utilities/frame/tests/hooks.test.tsx
@@ -1,4 +1,4 @@
-import React, {useContext} from 'react';
+import { useContext } from 'react';
 import {mountWithApp, mount} from 'tests/utilities';
 
 import {useFrame} from '../hooks';
diff --git a/polaris-react/src/utilities/i18n/tests/hooks.test.tsx b/polaris-react/src/utilities/i18n/tests/hooks.test.tsx
index c0d0ba9dfa7..732e9dddecc 100644
--- a/polaris-react/src/utilities/i18n/tests/hooks.test.tsx
+++ b/polaris-react/src/utilities/i18n/tests/hooks.test.tsx
@@ -1,4 +1,4 @@
-import React, {useContext} from 'react';
+import { useContext } from 'react';
 import {mount, mountWithApp} from 'tests/utilities';
 
 import {useI18n} from '../hooks';
diff --git a/polaris-react/src/utilities/index-provider/tests/hooks.test.tsx b/polaris-react/src/utilities/index-provider/tests/hooks.test.tsx
index 927c7edd334..39ce677162b 100644
--- a/polaris-react/src/utilities/index-provider/tests/hooks.test.tsx
+++ b/polaris-react/src/utilities/index-provider/tests/hooks.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp, mount} from 'tests/utilities';
 
 import {
diff --git a/polaris-react/src/utilities/index-table/tests/hooks-useContainerScroll.test.tsx b/polaris-react/src/utilities/index-table/tests/hooks-useContainerScroll.test.tsx
index 6f8b382bdef..1260117d626 100644
--- a/polaris-react/src/utilities/index-table/tests/hooks-useContainerScroll.test.tsx
+++ b/polaris-react/src/utilities/index-table/tests/hooks-useContainerScroll.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 // eslint-disable-next-line @shopify/strict-component-boundaries
diff --git a/polaris-react/src/utilities/index-table/tests/hooks-useRowHovered.test.tsx b/polaris-react/src/utilities/index-table/tests/hooks-useRowHovered.test.tsx
index 6b2e2407775..11f3af94f19 100644
--- a/polaris-react/src/utilities/index-table/tests/hooks-useRowHovered.test.tsx
+++ b/polaris-react/src/utilities/index-table/tests/hooks-useRowHovered.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 // eslint-disable-next-line @shopify/strict-component-boundaries
diff --git a/polaris-react/src/utilities/index-table/tests/hooks-useRowSelected.test.tsx b/polaris-react/src/utilities/index-table/tests/hooks-useRowSelected.test.tsx
index 055a3a5a132..84f9d5bdd98 100644
--- a/polaris-react/src/utilities/index-table/tests/hooks-useRowSelected.test.tsx
+++ b/polaris-react/src/utilities/index-table/tests/hooks-useRowSelected.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 // eslint-disable-next-line @shopify/strict-component-boundaries
diff --git a/polaris-react/src/utilities/link/tests/hooks.test.tsx b/polaris-react/src/utilities/link/tests/hooks.test.tsx
index 8583b07b8a9..eccc2a8da3c 100644
--- a/polaris-react/src/utilities/link/tests/hooks.test.tsx
+++ b/polaris-react/src/utilities/link/tests/hooks.test.tsx
@@ -1,4 +1,4 @@
-import React, {useContext} from 'react';
+import { useContext } from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {useLink} from '../hooks';
diff --git a/polaris-react/src/utilities/media-query/tests/hooks.test.tsx b/polaris-react/src/utilities/media-query/tests/hooks.test.tsx
index 102fc567638..e5c13c55c93 100644
--- a/polaris-react/src/utilities/media-query/tests/hooks.test.tsx
+++ b/polaris-react/src/utilities/media-query/tests/hooks.test.tsx
@@ -1,4 +1,4 @@
-import React, {useContext} from 'react';
+import { useContext } from 'react';
 import {mount, mountWithApp} from 'tests/utilities';
 
 import {useMediaQuery} from '../hooks';
diff --git a/polaris-react/src/utilities/merge.ts b/polaris-react/src/utilities/merge.ts
index 880dd095279..ac3eb357e8f 100644
--- a/polaris-react/src/utilities/merge.ts
+++ b/polaris-react/src/utilities/merge.ts
@@ -30,7 +30,7 @@ export function merge<TSource1, TSource2, TSource3, TSource4, TSource5>(
   let final = {};
 
   for (const obj of objs) {
-    final = mergeRecursively(final, obj);
+    final = mergeRecursively(final, obj as any);
   }
 
   return final;
diff --git a/polaris-react/src/utilities/portals/tests/hooks.test.tsx b/polaris-react/src/utilities/portals/tests/hooks.test.tsx
index 5521323a359..35f74106c81 100644
--- a/polaris-react/src/utilities/portals/tests/hooks.test.tsx
+++ b/polaris-react/src/utilities/portals/tests/hooks.test.tsx
@@ -1,4 +1,4 @@
-import React, {useContext} from 'react';
+import { useContext } from 'react';
 import {mount, mountWithApp} from 'tests/utilities';
 
 import {usePortalsManager} from '../hooks';
diff --git a/polaris-react/src/utilities/scroll-lock-manager/tests/hooks.test.tsx b/polaris-react/src/utilities/scroll-lock-manager/tests/hooks.test.tsx
index 0976b690cbc..86b5c2739c3 100644
--- a/polaris-react/src/utilities/scroll-lock-manager/tests/hooks.test.tsx
+++ b/polaris-react/src/utilities/scroll-lock-manager/tests/hooks.test.tsx
@@ -1,4 +1,4 @@
-import React, {useContext} from 'react';
+import { useContext } from 'react';
 import {mount, mountWithApp} from 'tests/utilities';
 
 import {useScrollLockManager} from '../hooks';
diff --git a/polaris-react/src/utilities/sticky-manager/tests/hooks.test.tsx b/polaris-react/src/utilities/sticky-manager/tests/hooks.test.tsx
index 18d7777a330..eac449a659a 100644
--- a/polaris-react/src/utilities/sticky-manager/tests/hooks.test.tsx
+++ b/polaris-react/src/utilities/sticky-manager/tests/hooks.test.tsx
@@ -1,4 +1,4 @@
-import React, {useContext} from 'react';
+import { useContext } from 'react';
 import {mount, mountWithApp} from 'tests/utilities';
 
 import {useStickyManager} from '../hooks';
diff --git a/polaris-react/src/utilities/tests/is-input-focused.test.tsx b/polaris-react/src/utilities/tests/is-input-focused.test.tsx
index 30fd934f669..4db20b96d92 100644
--- a/polaris-react/src/utilities/tests/is-input-focused.test.tsx
+++ b/polaris-react/src/utilities/tests/is-input-focused.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mount} from 'tests/utilities';
 
 import {isInputFocused} from '../is-input-focused';
diff --git a/polaris-react/src/utilities/tests/use-breakpoints-ssr.test.tsx b/polaris-react/src/utilities/tests/use-breakpoints-ssr.test.tsx
index 98354b6de3c..2b45d9a90fb 100644
--- a/polaris-react/src/utilities/tests/use-breakpoints-ssr.test.tsx
+++ b/polaris-react/src/utilities/tests/use-breakpoints-ssr.test.tsx
@@ -2,7 +2,6 @@
  * @jest-environment node
  */
 
-import React from 'react';
 import ReactDOMServer from 'react-dom/server';
 
 import {useBreakpoints} from '../breakpoints';
diff --git a/polaris-react/src/utilities/tests/use-breakpoints.test.tsx b/polaris-react/src/utilities/tests/use-breakpoints.test.tsx
index af4fd566ff0..befdc5eeb64 100644
--- a/polaris-react/src/utilities/tests/use-breakpoints.test.tsx
+++ b/polaris-react/src/utilities/tests/use-breakpoints.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mount} from 'tests/utilities';
 import {matchMedia} from '@shopify/jest-dom-mocks';
 import {
diff --git a/polaris-react/src/utilities/tests/use-component-did-mount.test.tsx b/polaris-react/src/utilities/tests/use-component-did-mount.test.tsx
index 47f157b5902..8f5bd45a14d 100644
--- a/polaris-react/src/utilities/tests/use-component-did-mount.test.tsx
+++ b/polaris-react/src/utilities/tests/use-component-did-mount.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mount} from 'tests/utilities';
 
 import {useComponentDidMount} from '../use-component-did-mount';
diff --git a/polaris-react/src/utilities/tests/use-disable-interaction.test.tsx b/polaris-react/src/utilities/tests/use-disable-interaction.test.tsx
index be4c3a45cb1..f2e8374ea0e 100644
--- a/polaris-react/src/utilities/tests/use-disable-interaction.test.tsx
+++ b/polaris-react/src/utilities/tests/use-disable-interaction.test.tsx
@@ -1,5 +1,4 @@
 import {mount} from '@shopify/react-testing';
-import React from 'react';
 
 import {useDisableClick, useDisableKeyboard} from '../use-disable-interaction';
 
diff --git a/polaris-react/src/utilities/tests/use-event-listener.test.tsx b/polaris-react/src/utilities/tests/use-event-listener.test.tsx
index 83ac58064b9..15464d1f766 100644
--- a/polaris-react/src/utilities/tests/use-event-listener.test.tsx
+++ b/polaris-react/src/utilities/tests/use-event-listener.test.tsx
@@ -1,4 +1,4 @@
-import React, {useRef} from 'react';
+import { useRef } from 'react';
 import {mount} from 'tests/utilities';
 
 import {useEventListener} from '../use-event-listener';
diff --git a/polaris-react/src/utilities/tests/use-index-resource-state.test.tsx b/polaris-react/src/utilities/tests/use-index-resource-state.test.tsx
index ccbc04c489c..4899a164f6a 100644
--- a/polaris-react/src/utilities/tests/use-index-resource-state.test.tsx
+++ b/polaris-react/src/utilities/tests/use-index-resource-state.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {
diff --git a/polaris-react/src/utilities/tests/use-is-after-initial-mount.test.tsx b/polaris-react/src/utilities/tests/use-is-after-initial-mount.test.tsx
index 2b5db15c8ed..448a393dae2 100644
--- a/polaris-react/src/utilities/tests/use-is-after-initial-mount.test.tsx
+++ b/polaris-react/src/utilities/tests/use-is-after-initial-mount.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {mount} from 'tests/utilities';
 
 import {useIsAfterInitialMount} from '../use-is-after-initial-mount';
diff --git a/polaris-react/src/utilities/tests/use-is-mounted-ref.test.tsx b/polaris-react/src/utilities/tests/use-is-mounted-ref.test.tsx
index a4927f2b583..02d7854e4a3 100644
--- a/polaris-react/src/utilities/tests/use-is-mounted-ref.test.tsx
+++ b/polaris-react/src/utilities/tests/use-is-mounted-ref.test.tsx
@@ -1,4 +1,4 @@
-import React, {useEffect} from 'react';
+import { useEffect } from 'react';
 import {mount} from 'tests/utilities';
 
 import {useIsMountedRef} from '../use-is-mounted-ref';
diff --git a/polaris-react/src/utilities/tests/use-lazy-ref.test.tsx b/polaris-react/src/utilities/tests/use-lazy-ref.test.tsx
index 7378b1c95f2..4e7ed86d03d 100644
--- a/polaris-react/src/utilities/tests/use-lazy-ref.test.tsx
+++ b/polaris-react/src/utilities/tests/use-lazy-ref.test.tsx
@@ -1,4 +1,4 @@
-import React, {useEffect, useState} from 'react';
+import { useEffect, useState } from 'react';
 import {mount} from 'tests/utilities';
 
 import {useLazyRef} from '../use-lazy-ref';
diff --git a/polaris-react/src/utilities/unique-id/context.ts b/polaris-react/src/utilities/unique-id/context.ts
deleted file mode 100644
index d82dfbcff6e..00000000000
--- a/polaris-react/src/utilities/unique-id/context.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import {createContext} from 'react';
-
-import type {UniqueIdFactory} from './unique-id-factory';
-
-export const UniqueIdFactoryContext = createContext<
-  UniqueIdFactory | undefined
->(undefined);
diff --git a/polaris-react/src/utilities/unique-id/hooks.ts b/polaris-react/src/utilities/unique-id/hooks.ts
deleted file mode 100644
index eec2a345169..00000000000
--- a/polaris-react/src/utilities/unique-id/hooks.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import {useContext, useRef} from 'react';
-
-import {MissingAppProviderError} from '../errors';
-
-import {UniqueIdFactoryContext} from './context';
-
-/**
- * Returns a unique id that remains consistent across multiple re-renders of the
- * same hook
- * @param prefix Defines a prefix for the ID. You probably want to set this to
- *   the name of the component you're calling `useUniqueId` in.
- * @param overrideId Defines a fixed value to use instead of generating a unique
- *   ID. Useful for components that allow consumers to specify their own ID.
- */
-export function useUniqueId(prefix = '', overrideId = '') {
-  const idFactory = useContext(UniqueIdFactoryContext);
-
-  // By using a ref to store the uniqueId for each invocation of the hook and
-  // checking that it is not already populated we ensure that we don’t generate
-  // a new ID on every re-render of a component.
-  const uniqueIdRef = useRef<string | null>(null);
-
-  if (!idFactory) {
-    throw new MissingAppProviderError('No UniqueIdFactory was provided.');
-  }
-
-  // If an override was specified, then use that instead of using a unique ID
-  // Hooks can’t be called conditionally so this has to go after all use* calls
-  if (overrideId) {
-    return overrideId;
-  }
-
-  // If a unique id has not yet been generated, then get a new one
-  if (!uniqueIdRef.current) {
-    uniqueIdRef.current = idFactory.nextId(prefix);
-  }
-
-  return uniqueIdRef.current;
-}
diff --git a/polaris-react/src/utilities/unique-id/index.ts b/polaris-react/src/utilities/unique-id/index.ts
deleted file mode 100644
index 18d74a76006..00000000000
--- a/polaris-react/src/utilities/unique-id/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export * from './context';
-
-export * from './hooks';
-
-export * from './unique-id-factory';
diff --git a/polaris-react/src/utilities/unique-id/tests/hooks.test.tsx b/polaris-react/src/utilities/unique-id/tests/hooks.test.tsx
deleted file mode 100644
index 7b3c37d99fa..00000000000
--- a/polaris-react/src/utilities/unique-id/tests/hooks.test.tsx
+++ /dev/null
@@ -1,199 +0,0 @@
-import React, {useState, useCallback} from 'react';
-import {mountWithApp} from 'tests/utilities';
-
-import {useUniqueId} from '../hooks';
-
-function TestHarness({children}: {children: React.ReactNode}) {
-  return <>{children}</>;
-}
-
-const Component1 = () => <div id={useUniqueId()} />;
-const Component2 = () => <div id={useUniqueId()} />;
-const Component3 = () => <div id={useUniqueId()} />;
-
-const HasPrefix1 = () => <div id={useUniqueId('A')} />;
-const HasPrefix2 = () => <div id={useUniqueId('A')} />;
-const HasPrefix3 = () => <div id={useUniqueId('A')} />;
-const HasPrefix4 = () => <div id={useUniqueId('B')} />;
-
-describe('useUniqueId', () => {
-  it('returns unique IDs across a single component', () => {
-    const harness = mountWithApp(
-      <TestHarness>
-        <Component1 />
-        <Component1 />
-        <Component1 />
-        <HasPrefix1 />
-        <HasPrefix1 />
-        <HasPrefix1 />
-      </TestHarness>,
-    );
-
-    expect(harness.findAll('div')[0]).toHaveReactProps({id: 'Polaris1'});
-    expect(harness.findAll('div')[1]).toHaveReactProps({id: 'Polaris2'});
-    expect(harness.findAll('div')[2]).toHaveReactProps({id: 'Polaris3'});
-    expect(harness.findAll('div')[3]).toHaveReactProps({id: 'PolarisA1'});
-    expect(harness.findAll('div')[4]).toHaveReactProps({id: 'PolarisA2'});
-    expect(harness.findAll('div')[5]).toHaveReactProps({id: 'PolarisA3'});
-  });
-
-  it('returns unique IDs across multiple components', () => {
-    const harness = mountWithApp(
-      <TestHarness>
-        <Component1 />
-        <Component2 />
-        <Component3 />
-        <HasPrefix1 />
-        <HasPrefix2 />
-        <HasPrefix3 />
-        <HasPrefix4 />
-      </TestHarness>,
-    );
-
-    expect(harness.findAll('div')[0]).toHaveReactProps({id: 'Polaris1'});
-    expect(harness.findAll('div')[1]).toHaveReactProps({id: 'Polaris2'});
-    expect(harness.findAll('div')[2]).toHaveReactProps({id: 'Polaris3'});
-    expect(harness.findAll('div')[3]).toHaveReactProps({id: 'PolarisA1'});
-    expect(harness.findAll('div')[4]).toHaveReactProps({id: 'PolarisA2'});
-    expect(harness.findAll('div')[5]).toHaveReactProps({id: 'PolarisA3'});
-    expect(harness.findAll('div')[6]).toHaveReactProps({id: 'PolarisB1'});
-  });
-
-  it('increments multiple IDs within the same component', () => {
-    const HasMultipleIds = () => (
-      <div id={useUniqueId()} title={useUniqueId()} />
-    );
-
-    const harness = mountWithApp(<HasMultipleIds />);
-
-    expect(harness.find('div')).toHaveReactProps({
-      id: 'Polaris1',
-      title: 'Polaris2',
-    });
-  });
-
-  it('uses an override if specified', () => {
-    const HasOverride = () => <div id={useUniqueId('', 'overridden')} />;
-
-    const harness = mountWithApp(<HasOverride />);
-
-    expect(harness.find('div')).toHaveReactProps({id: 'overridden'});
-  });
-
-  it('uses an override if specified and the override does not interrupt the count', () => {
-    const HasOverride = ({idOverride}: {idOverride?: string}) => (
-      <div id={useUniqueId('', idOverride)} />
-    );
-
-    const harness = mountWithApp(
-      <TestHarness>
-        <HasOverride />
-        <HasOverride idOverride="overridden" />
-        <HasOverride />
-      </TestHarness>,
-    );
-
-    expect(harness.findAll('div')[0]).toHaveReactProps({id: 'Polaris1'});
-    expect(harness.findAll('div')[1]).toHaveReactProps({id: 'overridden'});
-    expect(harness.findAll('div')[2]).toHaveReactProps({id: 'Polaris2'});
-  });
-
-  it('keeps the same ID across multiple rerenders', () => {
-    const HasProp = ({info}: {info: string}) => (
-      <div id={useUniqueId()} title={info} />
-    );
-
-    const ReRenderingTestHarness = () => {
-      const [count, setCount] = useState(1);
-      const incrementCount = useCallback(
-        () => setCount((count) => count + 1),
-        [],
-      );
-
-      return (
-        <>
-          <button onClick={incrementCount}>Click Me</button>
-          <HasProp info={`count${count}`} />
-        </>
-      );
-    };
-
-    const harness = mountWithApp(<ReRenderingTestHarness />);
-
-    expect(harness.findAll('div')[0]).toHaveReactProps({
-      title: 'count1',
-      id: 'Polaris1',
-    });
-
-    harness.find('button')!.trigger('onClick');
-
-    expect(harness.findAll('div')[0]).toHaveReactProps({
-      title: 'count2',
-      id: 'Polaris1',
-    });
-  });
-
-  it('updates the ID if the overridden ID changes', () => {
-    interface HasPropProps {
-      info: string;
-      idOverride?: string;
-    }
-    const HasProp = ({info, idOverride}: HasPropProps) => (
-      <div id={useUniqueId('', idOverride)} title={info} />
-    );
-
-    const ReRenderingTestHarness = () => {
-      const [count, setCount] = useState(1);
-      const incrementCount = useCallback(
-        () => setCount((count) => count + 1),
-        [],
-      );
-
-      const override = count % 2 === 0 ? `Override${count}` : undefined;
-
-      return (
-        <>
-          <button onClick={incrementCount}>Click Me</button>
-          <HasProp info={`count${count}`} idOverride={override} />
-        </>
-      );
-    };
-
-    const harness = mountWithApp(<ReRenderingTestHarness />);
-
-    // Initially we use an incremental id
-    expect(harness.find('div')).toHaveReactProps({
-      title: 'count1',
-      id: 'Polaris1',
-    });
-
-    // But then we set an override id, so it should use that
-    harness.find('button')!.trigger('onClick');
-    expect(harness.find('div')).toHaveReactProps({
-      title: 'count2',
-      id: 'Override2',
-    });
-
-    // Then on the next render we don't set an override id, so we should go back
-    // to using the incremental id
-    harness.find('button')!.trigger('onClick');
-    expect(harness.find('div')).toHaveReactProps({
-      title: 'count3',
-      id: 'Polaris1',
-    });
-
-    // Back to setting an override id
-    harness.find('button')!.trigger('onClick');
-    expect(harness.find('div')).toHaveReactProps({
-      title: 'count4',
-      id: 'Override4',
-    });
-
-    // Back to not setting an override, so back to using the incremental id
-    harness.find('button')!.trigger('onClick');
-    expect(harness.find('div')).toHaveReactProps({
-      title: 'count5',
-      id: 'Polaris1',
-    });
-  });
-});
diff --git a/polaris-react/src/utilities/unique-id/tests/unique-id-factory.test.ts b/polaris-react/src/utilities/unique-id/tests/unique-id-factory.test.ts
deleted file mode 100644
index 5e027114493..00000000000
--- a/polaris-react/src/utilities/unique-id/tests/unique-id-factory.test.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import {UniqueIdFactory, globalIdGeneratorFactory} from '../unique-id-factory';
-
-describe('UniqueIdFactory', () => {
-  it('returns unique IDs across multiple calls', () => {
-    const uniqueIdFactory = new UniqueIdFactory(globalIdGeneratorFactory);
-
-    expect(uniqueIdFactory.nextId('')).toBe('Polaris1');
-    expect(uniqueIdFactory.nextId('')).toBe('Polaris2');
-    expect(uniqueIdFactory.nextId('')).toBe('Polaris3');
-
-    expect(uniqueIdFactory.nextId('A')).toBe('PolarisA1');
-    expect(uniqueIdFactory.nextId('A')).toBe('PolarisA2');
-    expect(uniqueIdFactory.nextId('A')).toBe('PolarisA3');
-  });
-
-  it('returns unique IDs across prefixes', () => {
-    const uniqueIdFactory = new UniqueIdFactory(globalIdGeneratorFactory);
-
-    expect(uniqueIdFactory.nextId('A')).toBe('PolarisA1');
-    expect(uniqueIdFactory.nextId('A')).toBe('PolarisA2');
-    expect(uniqueIdFactory.nextId('A')).toBe('PolarisA3');
-  });
-
-  it('can accept a custom factory', () => {
-    const customIdGeneratorFactory = (prefix: string) => {
-      let index = 101;
-      return () => `Custom${prefix}${index++}`;
-    };
-
-    const uniqueIdFactory = new UniqueIdFactory(customIdGeneratorFactory);
-
-    expect(uniqueIdFactory.nextId('')).toBe('Custom101');
-    expect(uniqueIdFactory.nextId('')).toBe('Custom102');
-    expect(uniqueIdFactory.nextId('A')).toBe('CustomA101');
-  });
-});
diff --git a/polaris-react/src/utilities/unique-id/unique-id-factory.ts b/polaris-react/src/utilities/unique-id/unique-id-factory.ts
deleted file mode 100644
index 195b648db84..00000000000
--- a/polaris-react/src/utilities/unique-id/unique-id-factory.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-type IdGenerator = () => string;
-type IdGeneratorFactory = (prefix: string) => IdGenerator;
-
-export class UniqueIdFactory {
-  private idGeneratorFactory: IdGeneratorFactory;
-
-  private idGenerators: {[key: string]: IdGenerator} = {};
-
-  constructor(idGeneratorFactory: IdGeneratorFactory) {
-    this.idGeneratorFactory = idGeneratorFactory;
-  }
-
-  nextId(prefix: string) {
-    if (!this.idGenerators[prefix]) {
-      this.idGenerators[prefix] = this.idGeneratorFactory(prefix);
-    }
-
-    return this.idGenerators[prefix]();
-  }
-}
-
-export function globalIdGeneratorFactory(prefix = '') {
-  let index = 1;
-  return () => `Polaris${prefix}${index++}`;
-}
diff --git a/polaris-react/tests/utilities/listbox.tsx b/polaris-react/tests/utilities/listbox.tsx
index 99f45ac5ab0..27ad23e6d59 100644
--- a/polaris-react/tests/utilities/listbox.tsx
+++ b/polaris-react/tests/utilities/listbox.tsx
@@ -1,4 +1,4 @@
-import React, {ReactElement} from 'react';
+import {ReactElement} from 'react';
 import {createMount} from '@shopify/react-testing';
 
 // eslint-disable-next-line @shopify/strict-component-boundaries
diff --git a/polaris-react/tests/utilities/react-testing.tsx b/polaris-react/tests/utilities/react-testing.tsx
index 44ede47d985..27f2d0cad8e 100644
--- a/polaris-react/tests/utilities/react-testing.tsx
+++ b/polaris-react/tests/utilities/react-testing.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {
   createMount,
   mount,
diff --git a/polaris-react/tsconfig.json b/polaris-react/tsconfig.json
index 22a351c9979..c49491cd18f 100644
--- a/polaris-react/tsconfig.json
+++ b/polaris-react/tsconfig.json
@@ -3,13 +3,13 @@
   "compilerOptions": {
     "composite": true,
     "emitDeclarationOnly": true,
-    "importsNotUsedAsValues": "error",
-    "outDir": "build/ts/latest",
+    "outDir": "build/ts",
     "rootDir": "./",
     "strictFunctionTypes": false,
     "paths": {
       "tests/*": ["./tests/*"]
-    }
+    },
+    "jsx": "react-jsx"
   },
   "include": [
     "./src",
diff --git a/polaris-tokens/package.json b/polaris-tokens/package.json
index 5220582d960..195de9b934e 100644
--- a/polaris-tokens/package.json
+++ b/polaris-tokens/package.json
@@ -5,6 +5,9 @@
   "main": "dist/cjs/build/index.js",
   "module": "dist/esm/build/index.mjs",
   "types": "dist/types/build/index.d.ts",
+  "engines": {
+    "node": "^16.17.0 || >=18.12.0"
+  },
   "exports": {
     ".": {
       "types": "./dist/types/build/index.d.ts",
@@ -28,9 +31,6 @@
     "test": "jest",
     "clean": "rm -rf .turbo node_modules dist *.tsbuildinfo build"
   },
-  "devDependencies": {
-    "@shopify/browserslist-config": "^3.0.0"
-  },
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Shopify <dev@shopify.com>",
   "homepage": "https://polaris.shopify.com",
@@ -43,7 +43,15 @@
     "@shopify:registry": "https://registry.npmjs.org"
   },
   "browserslist": [
-    "extends @shopify/browserslist-config"
+    "last 3 chrome versions",
+    "last 3 firefox versions",
+    "last 3 opera versions",
+    "last 3 edge versions",
+    "last 3 safari versions",
+    "last 3 chromeandroid versions",
+    "last 1 firefoxandroid versions",
+    "ios >= 13.4",
+    "node 16.17.0"
   ],
   "files": [
     "dist"
diff --git a/polaris-tokens/rollup.config.mjs b/polaris-tokens/rollup.config.mjs
index 417465c3fd0..7e81969c9db 100644
--- a/polaris-tokens/rollup.config.mjs
+++ b/polaris-tokens/rollup.config.mjs
@@ -15,13 +15,13 @@ export default {
   output: [
     {
       format: /** @type {const} */ ('cjs'),
-      entryFileNames: '[name][assetExtname].js',
+      entryFileNames: '[name].js',
       dir: 'dist/cjs',
       preserveModules: true,
     },
     {
       format: /** @type {const} */ ('es'),
-      entryFileNames: '[name][assetExtname].mjs',
+      entryFileNames: '[name].mjs',
       dir: 'dist/esm',
       preserveModules: true,
     },
diff --git a/polaris.shopify.com/content/components/deprecated/caption.md b/polaris.shopify.com/content/components/deprecated/caption.md
index 0c282a6457b..d1d5d9bb0a6 100644
--- a/polaris.shopify.com/content/components/deprecated/caption.md
+++ b/polaris.shopify.com/content/components/deprecated/caption.md
@@ -28,40 +28,3 @@ status:
 ```
 
 ---
-
-## Best practices
-
-- Use for secondary labels in graphs and charts
-- May be used for timestamps in lists of content
-- Don’t use this component for other cases
-- Don’t use this component for text longer than a few words
-- Don’t use this component for aesthetic effect or to break from the standard text size
-
----
-
-## Content guidelines
-
-### Captions
-
-Captions are primarily used in [data visualizations](https://polaris.shopify.com/design/data-visualizations). Stick to a few words and don’t use this component for complete sentences or longer content.
-
-<!-- dodont -->
-
-#### Do
-
-- Use caption for labelling data visualizations
-  ![Diagram of using captions to label graphs and other data content](/images/components/deprecated/caption/do-use-caption-for-labeling-data-visualizations@2x.png)
-- Received April 21, 2017
-
-#### Don’t
-
-- Order #1001 was received on April 21, 2017
-- This is your recent activity
-
-<!-- end -->
-
----
-
-## Accessibility
-
-Follow best practices for [data visualizations](https://polaris.shopify.com/design/data-visualizations) to ensure that the purpose of captions is clear to all merchants, including those with issues related to seeing or understanding data and complex information.
diff --git a/polaris.shopify.com/content/components/deprecated/card.md b/polaris.shopify.com/content/components/deprecated/card.md
deleted file mode 100644
index 95a195638de..00000000000
--- a/polaris.shopify.com/content/components/deprecated/card.md
+++ /dev/null
@@ -1,237 +0,0 @@
----
-title: Card
-description: Cards are used to group similar concepts and tasks together to make Shopify easier for merchants to scan, read, and get things done.
-category: Deprecated
-keywords:
-  - layout
-  - container
-  - box
-  - grid
-  - panel
-  - card with call to action in the footer
-  - card with call to action in the heading
-  - card with call to action in a section
-  - card with button in the footer
-  - card with button in the heading
-  - card with multiple sections
-  - card with subsections
-  - sectioned card
-  - card with a subdued section
-  - subdued card for secondary content
-  - callout
-  - call out
-status:
-  value: Deprecated
-  message: >-
-    Card was built prior to layout primitives like box, inline, and alpha stack.
-    The new layout primitives can be used in combination to achieve similar results to card, or the existing legacy card.
-examples:
-  - fileName: deprecated-card-default.tsx
-    title: Default
-    description: Use when you have a simple message to communicate to merchants that doesn’t require any secondary steps.
-  - fileName: deprecated-card-with-header-actions.tsx
-    title: With header actions
-    description: Use for less important card actions, or actions merchants may do before reviewing the contents of the card. For example, merchants may want to add items to a card containing a long list, or enter a customer’s new address.
-  - fileName: deprecated-card-with-footer-actions.tsx
-    title: With footer actions
-    description: Use footer actions for a card’s most important actions, or actions merchants should do after reviewing the contents of the card. For example, merchants should review the contents of a shipment before an important action like adding tracking information. Footer actions can be left or right aligned with the `footerActionAlignment` prop.
-  - fileName: deprecated-card-with-multiple-footer-actions.tsx
-    title: With multiple footer actions
-    description: When multiple secondary footer actions are provided, they will render in an action list popover activated by a disclosure button. The disclosure button text can be customized with the `secondaryFooterActionsDisclosureText` prop.
-  - fileName: deprecated-card-with-custom-footer-actions.tsx
-    title: With custom footer actions
-    description: Use to present actionable content that is optional or not the primary purpose of the page.
-  - fileName: deprecated-card-with-destructive-footer-action.tsx
-    title: With destructive footer action
-    description: Use when a card action will delete merchant data or be otherwise difficult to recover from.
-  - fileName: deprecated-card-with-multiple-sections.tsx
-    title: With multiple sections
-    description: Use when you have two related but distinct pieces of information to communicate to merchants. Multiple sections can help break up complicated concepts to make them easier to scan and understand.
-  - fileName: deprecated-card-with-multiple-titled-sections.tsx
-    title: With multiple titled sections
-    description: Use when you have two related but distinct pieces of information to communicate to merchants that are complex enough to require a title to introduce them.
-  - fileName: deprecated-card-with-sections-and-actions.tsx
-    title: With sections and actions
-    description: Use when your card section has actions that apply only to that section.
-  - fileName: deprecated-card-with-subsection.tsx
-    title: With subsection
-    description: Use when your card sections need further categorization.
-  - fileName: deprecated-card-with-destructive-action.tsx
-    title: With destructive action
-    description: Use when a card action applies only to one section and will delete merchant data or be otherwise difficult to recover from.
-  - fileName: deprecated-card-with-a-subdued-section.tsx
-    title: With a subdued section
-    description: Use to indicate when one of the sections in your card contains inactive or disabled content.
-  - fileName: deprecated-card-with-subdued-for-secondary-content.tsx
-    title: With subdued for secondary content
-    description: Use for content that you want to deprioritize. Subdued cards don’t stand out as much as cards with white backgrounds so don’t use them for information or actions that are critical to merchants.
-  - fileName: deprecated-card-with-separate-header.tsx
-    title: With separate header
-    description: Use to be able to use custom React elements as header content.
-  - fileName: deprecated-card-with-custom-react-node-title.tsx
-    title: With custom React Node title
-    description: Use to render custom content such as icons, links, or buttons in a card section’s header.
-  - fileName: deprecated-card-with-all-elements.tsx
-    title: With all elements
-    description: Use as a broad example that includes most props available to card.
-  - fileName: deprecated-card-with-flushed-sections.tsx
-    title: With flushed sections
-    description: Use when you need further control over the spacing of your card sections.
----
-
-## Best practices
-
-Cards should:
-
-- Use headings that set clear expectations about the card’s purpose
-- Prioritize information so the content merchants most need to know comes first
-- Stick to single user flows or break more complicated flows into multiple sections
-- Avoid too many call-to-action buttons or links and only one primary call to action per card
-- Use calls to action on the bottom of the card for next steps and use the space in the upper right corner of the card for persistent, optional actions (such as an Edit link)
-
----
-
-## Content guidelines
-
-### Title
-
-Card titles should follow the content guidelines for [headings and subheadings](https://polaris.shopify.com/content/actionable-language#headings-and-subheadings).
-
-### Body content
-
-Body content should be:
-
-- Actionable: start sentences with imperative verbs when telling merchants what actions are available to them (especially something new). Don’t use permissive language like “you can”.
-
-<!-- dodont -->
-
-#### Do
-
-Get performance for all your sales channels.
-
-#### Don’t
-
-Now you can get performance data for all your sales channels.
-
-<!-- end -->
-
-- Structured for merchant success: always put the most critical information first.
-- Clear: use the verb “need” to help merchants understand when they’re required to do something.
-
-<!-- dodont -->
-
-#### Do
-
-To buy a shipping label, you need to enter the total weight of your shipment, including packaging.
-
-#### Don’t
-
-To buy a shipping label, you must enter the total weight of your shipment, including packaging.
-
-<!-- end -->
-
-### Call-to-action button
-
-Buttons should be:
-
-- Clear and predictable: merchants should be able to anticipate what will happen when they click a button. Never deceive merchants by mislabeling a button.
-
-<!-- dodont -->
-
-#### Do
-
-- Create order
-- Buy shipping label
-
-#### Don’t
-
-- New order
-- Buy
-
-<!-- end -->
-
-Action-led: buttons should always lead with a strong verb that encourages action. To provide enough context to merchants use the {verb}+{noun} format on buttons except in the case of common actions like Save, Close, Cancel, or OK.
-
-<!-- dodont -->
-
-#### Do
-
-- Activate Apple Pay
-- View shipping settings
-
-#### Don’t
-
-- Try Apple Pay
-- View your settings
-
-<!-- end -->
-
-Scannable: Avoid unnecessary words and articles such as the, an, or a.
-
-<!-- dodont -->
-
-#### Do
-
-Add menu item
-
-#### Don’t
-
-Add a menu item
-
-<!-- end -->
-
-### Section titles
-
-Section titles should be:
-
-- Informative: they should label the type of content grouped in the body content below
-- Like headings: follow the same content guidelines as when you’re writing headings
-
-### Action links
-
-Links should be:
-
-- Used for secondary or persistent actions: links should be used to represent lower priority actions than buttons, or persistent actions that merchants may take at any time (such as a persistent Edit link).
-- Clearly labeled: merchants should not need to guess where they’ll end up if they click on an action link. Never use “click here” as a link because it doesn’t set expectations about what’s next.
-- Similar to buttons: Follow the same content guidelines as when you’re writing text for buttons.
-
----
-
-## Related components
-
-- To create page-level layout, [use the layout component](https://polaris.shopify.com/components/layout-and-structure/layout)
-- To highlight a Shopify feature, [use the callout card component](https://polaris.shopify.com/components/callout-card)
-
----
-
-## Accessibility
-
-The `title` prop gives the card a level 2 heading (`<h2>`). This helps with readability and provides structure to screen reader users.
-
-If you use the `subdued` prop on a card or section, make sure that the card or section `title` conveys the reason for using `subdued`. This ensures that merchants with low vision, including those who use screen readers, can identify that the content is inactive or less important.
-
-<!-- dodont -->
-
-#### Do
-
-```
-<Card title="Deactivated staff accounts" sectioned subdued>
-  <List>
-    <List.Item>Felix Crafford</List.Item>
-    <List.Item>Ezequiel Manno</List.Item>
-  </List>
-</Card>
-```
-
-#### Don’t
-
-```
-<Card title="Staff accounts" sectioned subdued>
-  <List>
-    <List.Item>Felix Crafford</List.Item>
-    <List.Item>Ezequiel Manno</List.Item>
-  </List>
-</Card>
-```
-
-<!-- end -->
diff --git a/polaris.shopify.com/content/components/deprecated/display-text.md b/polaris.shopify.com/content/components/deprecated/display-text.md
index ea82bf9bedc..5f71eecc183 100644
--- a/polaris.shopify.com/content/components/deprecated/display-text.md
+++ b/polaris.shopify.com/content/components/deprecated/display-text.md
@@ -59,45 +59,3 @@ status:
 ```
 
 ---
-
-## Best practices
-
-- Use when the primary goal of the page is communication rather than interaction.
-- Use larger display text sizes when a page is focused around a single message. In these cases it may be paired with an illustration.
-- Use smaller display text to pair with larger text, or alone as part of more complex data displays such as dashboards.
-
----
-
-## Content guidelines
-
-### Display text
-
-Display text should be:
-
-- Benefits-driven and focused on information that is most important to merchants
-- Concise and scannable:
-  - Use simple, clear language that can be read at a glance
-  - Keep display text content to a short sentence that’s just a few words in length
-  - Avoid using punctuation such as periods, commas, or semicolons
-  - Avoid using exclamation marks—display text already makes enough of a statement without an exclamation mark
-  - Write in sentence case
-
----
-
-## Accessibility
-
-Although display text creates an interesting visual experience, it doesn’t replace the semantic structure provided by HTML headings.
-
-By default, the display text component outputs text in an HTML paragraph (`<p>`). If a heading tag is needed for display text, use the `element` prop to set the heading level.
-
-<!-- dodont -->
-
-#### Do
-
-Use display text to create visual interest along with a meaningful heading structure.
-
-#### Don’t
-
-Use display text in place of standard headings. Use the [heading component](https://polaris.shopify.com/components/heading) and [subheading component](https://polaris.shopify.com/components/subheading) to provide structure.
-
-<!-- end -->
diff --git a/polaris.shopify.com/content/components/deprecated/grid.md b/polaris.shopify.com/content/components/deprecated/grid.md
index ed996c7f7b8..c8f831ef04b 100644
--- a/polaris.shopify.com/content/components/deprecated/grid.md
+++ b/polaris.shopify.com/content/components/deprecated/grid.md
@@ -35,5 +35,5 @@ examples:
 
 ## Related components
 
-- To lay out a set of smaller components in a row, [use the stack component](https://polaris.shopify.com/components/layout-and-structure/alpha-stack)
+- To lay out a set of smaller components in a row, [use the stack component](https://polaris.shopify.com/components/layout-and-structure/stack)
 - To lay out form fields, [use the form layout component](https://polaris.shopify.com/components/form-layout)
diff --git a/polaris.shopify.com/content/components/deprecated/heading.md b/polaris.shopify.com/content/components/deprecated/heading.md
index d072af86fcb..33d700cde71 100644
--- a/polaris.shopify.com/content/components/deprecated/heading.md
+++ b/polaris.shopify.com/content/components/deprecated/heading.md
@@ -1,6 +1,6 @@
 ---
 title: Heading
-description: Headings are used as the titles of each major section of a page in the interface. For example, [card components](https://polaris.shopify.com/components/layout-and-structure/alpha-card) generally use headings as their title.
+description: Headings are used as the titles of each major section of a page in the interface. For example, [card components](https://polaris.shopify.com/components/layout-and-structure/card) generally use headings as their title.
 category: Deprecated
 keywords:
   - titles
@@ -27,45 +27,3 @@ status:
 ```
 
 ---
-
-## Best practices
-
-Headings should:
-
-- Clearly describe the section of interface they refer to
-- Highlight the most important concept or piece of information merchants need to know
-- Sit at the top of the section of interface they’re referring to
-
----
-
-## Content guidelines
-
-Headings should follow the content guidelines for [headings and subheadings](https://polaris.shopify.com/content/actionable-language#headings-and-subheadings).
-
----
-
-## Related components
-
-- To break up a section with a heading into sub-sections, [use the subheading component](https://polaris.shopify.com/components/subheading)
-
----
-
-## Accessibility
-
-A clear and consistent heading structure helps merchants who have difficulty with reading or language. It also helps screen reader users to navigate the page using keystrokes that are custom to their screen reader.
-
-Use the `element` prop to determine the specific HTML element that’s output for the heading. The component defaults to a level 2 heading (`<h2>`). Use a different value for the `element` prop if a different heading fits the context better.
-
-Learn more about writing helpful [headings and subheadings](https://polaris.shopify.com/content/actionable-language#headings-and-subheadings).
-
-<!-- dodont -->
-
-#### Do
-
-Use headings to support the hierarchy and structure of the page.
-
-#### Don’t
-
-Use headings for style alone.
-
-<!-- end -->
diff --git a/polaris.shopify.com/content/components/deprecated/stack.md b/polaris.shopify.com/content/components/deprecated/stack.md
deleted file mode 100644
index 352a29f3e0f..00000000000
--- a/polaris.shopify.com/content/components/deprecated/stack.md
+++ /dev/null
@@ -1,81 +0,0 @@
----
-title: Stack
-description: Use to lay out a horizontal row of components or to achieve no-fuss vertical centering. A stack is made of flexible items that wrap each of the stack’s children. Options provide control of the wrapping, spacing, and relative size of the items in the stack.
-category: Deprecated
-keywords:
-  - rows
-  - vertical centering
-  - horizontal row of components
-  - flexible items
-  - flexbox
-  - row of components
-  - stack spacing
-  - vertical centering
-  - fill available space
-  - fill space
-  - equal width
-  - right-aligned stack
-  - stack layout
-  - layout
-status:
-  value: Deprecated
-  message: >-
-    Stack was built prior to layout primitives like box, inline, and alpha stack.
-    The new layout primitives can be used in combination to achieve similar results to stack, or the existing legacy stack.
-examples:
-  - fileName: stack-default.tsx
-    title: Default
-    description: Use to quickly lay out a horizontal row of components and maintain their relative sizes. On small screens, children rows wrap down to additional rows as needed.
-  - fileName: stack-non-wrapping.tsx
-    title: Non-wrapping
-    description: Use to create a stack where the children will not wrap to new rows on small screens. As noted above, the wrap option defaults to true. This means you must explicitly set it to false to turn it off.
-  - fileName: stack-spacing.tsx
-    title: Spacing
-    description: Use to control spacing of items in a stack in standard increments. Use tight for less spacing, loose for more spacing, or none to remove normal spacing altogether.
-  - fileName: stack-vertical-centering.tsx
-    title: Vertical centering
-    description: Use to vertically center a set of items that have different heights.
-  - fileName: stack-fill-available-space-proportionally.tsx
-    title: Fill available space proportionally
-    description: Use to have the stack’s items fill the horizontal space in the container but maintain their relative proportions.
-  - fileName: stack-where-items-fill-space-evenly.tsx
-    title: Where items fill space evenly
-    description: Use to have the stack’s items fill the horizontal space in the container and be equal widths, regardless of their content.
-  - fileName: stack-where-a-single-item-fills-the-remaining-space.tsx
-    title: Where a single item fills the remaining space
-    description: Use for aligning buttons or secondary content to the right edge of another element, allowing it to wrap below on small screens.
----
-
-## Best practices
-
-Stacks should:
-
-- Be used for small-scale layout tasks when you want a row of components that should wrap on small screen widths
-- Be used to vertically center two elements
-- Not be used for complex or unique arrangements of components
-- Not be used for large-scale page layout
-
----
-
-## Stack item
-
-The stack component will treat multiple elements wrapped in a stack item component as one item. By default, each individual element is treated as one stack item. Use the fill prop on a single stack item component to make it fill the rest of the available horizontal space. See the “Stack where a single item fills the remaining space” example.
-
-### Stack item properties
-
-| Prop     | Type    | Description                                                    | Default |
-| -------- | ------- | -------------------------------------------------------------- | ------- |
-| fill     | boolean | Fill the available horizontal space in the stack with the item | false   |
-| children | any     | Elements to display inside stack item                          |         |
-
----
-
-## Related components
-
-- To create the large-scale structure of pages, [use the layout component](https://polaris.shopify.com/components/layout-and-structure/layout)
-
----
-
-## Accessibility
-
-The stack component is for alignment only and doesn’t provide any structural information for assistive technologies. To convey relationships between specific items, consider using the [list component](https://polaris.shopify.com/components/lists/list).
diff --git a/polaris.shopify.com/content/components/deprecated/subheading.md b/polaris.shopify.com/content/components/deprecated/subheading.md
index ae4a291d498..a8ce431d2bc 100644
--- a/polaris.shopify.com/content/components/deprecated/subheading.md
+++ b/polaris.shopify.com/content/components/deprecated/subheading.md
@@ -23,46 +23,3 @@ status:
 ```
 
 ---
-
-## Best practices
-
-Subheadings should:
-
-- Be used to explain and clearly label logical groups in existing sections of a page
-- Not be used without a parent heading
-- Not be used in tables or list items, such as for the primary content in a [resource list](https://polaris.shopify.com/components/resource-list)
-
----
-
-## Content guidelines
-
-Subheadings should follow the content guidelines for [headings and subheadings](https://polaris.shopify.com/content/actionable-language#headings-and-subheadings).
-
----
-
-## Related components
-
-- To break up major sections of a page with a title, [use the heading component](https://polaris.shopify.com/components/heading)
-
----
-
-## Accessibility
-
-A clear and consistent heading structure helps merchants who have difficulty with reading or language. It also helps screen reader users to navigate the page using keystrokes that are custom to their screen reader.
-
-Use the `element` prop to determine the specific HTML element that’s output for the subheading. The component defaults to a level 3 heading (`<h3>`). Use a different value for the `element` prop if a different subheading fits the context better.
-
-Learn more about writing helpful [headings and subheadings](https://polaris.shopify.com/content/actionable-language#headings-and-subheadings).
-
-<!-- dodont -->
-
-#### Do
-
-Use subheadings to support the hierarchy and structure of the page.
-
-#### Don’t
-
-- Use subheadings for style alone.
-- Use subheadings for major sections of the page.
-
-<!-- end -->
diff --git a/polaris.shopify.com/content/components/deprecated/text-container.md b/polaris.shopify.com/content/components/deprecated/text-container.md
index 51235b3f528..63777b59d5a 100644
--- a/polaris.shopify.com/content/components/deprecated/text-container.md
+++ b/polaris.shopify.com/content/components/deprecated/text-container.md
@@ -13,7 +13,7 @@ keywords:
   - padding
 status:
   value: Deprecated
-  message: The TextContainer is a simple layout component which was made redundant by the AlphaStack component. Use AlphaStack with `gap` values of 2, 4, and 5 to replicate layouts.
+  message: The TextContainer is a simple layout component which was made redundant by the Stack component. Use Stack with `gap` values of 2, 4, and 5 to replicate layouts.
 examples:
   - fileName: text-container-default.tsx
     title: Default
@@ -37,4 +37,4 @@ The closer the spacing, the closer the relationship between content topics. The
 
 ## Related components
 
-- For more layout variations, or if you’re looking to vertically space components other than text, use [Stack](https://polaris.shopify.com/components/layout-and-structure/alpha-stack).
+- For more layout variations, or if you’re looking to vertically space components other than text, use [Stack](https://polaris.shopify.com/components/layout-and-structure/stack).
diff --git a/polaris.shopify.com/content/components/deprecated/text-style.md b/polaris.shopify.com/content/components/deprecated/text-style.md
index d6c2ba99c5d..f608cd6f19b 100644
--- a/polaris.shopify.com/content/components/deprecated/text-style.md
+++ b/polaris.shopify.com/content/components/deprecated/text-style.md
@@ -69,35 +69,3 @@ status:
 ```
 
 ---
-
-## Best practices
-
-Text style should be:
-
-- Used when enhancing the text to help merchants understand its meaning
-- Subdued if the text is less important than its surrounding text
-- Warning if the text denotes something that needs attention, or that merchants need to take action on.
-- Strong for input fields, or for a row total in a price table
-- Paired with symbols, like an arrow or dollar sign, when using positive or negative styles
-
----
-
-## Accessibility
-
-Don’t rely on text style alone to convey information to merchants. Ensure that text styles are used to enhance the information provided in text.
-
-<!-- dodont -->
-
-#### Do
-
-```
-<TextStyle variation="positive">Orders increased</TextStyle>
-```
-
-#### Don’t
-
-```
-<TextStyle variation="positive">Orders</TextStyle>
-```
-
-<!-- end -->
diff --git a/polaris.shopify.com/content/components/deprecated/visually-hidden.md b/polaris.shopify.com/content/components/deprecated/visually-hidden.md
index c376c607a45..2800c02220c 100644
--- a/polaris.shopify.com/content/components/deprecated/visually-hidden.md
+++ b/polaris.shopify.com/content/components/deprecated/visually-hidden.md
@@ -32,20 +32,3 @@ status:
 ```
 
 ---
-
-## Best practices
-
-Visually hidden should:
-
-- Not be used if semantic markup can make content understandable to people using assistive technology
-- Be used to provide extra context when semantic markup isn’t enough
-- Be used on any content that is normally present but is being omitted
-- Make sense in context when used with a screen reader
-
----
-
-## Accessibility
-
-The visually hidden component styles text so that it’s not visible, but it is available to assistive technologies like screen readers and other text to speech programs.
-
-The component shouldn’t be used to hide interactive content.
diff --git a/polaris.shopify.com/content/components/feedback-indicators/banner.md b/polaris.shopify.com/content/components/feedback-indicators/banner.md
index 86ecca1c945..bb9ceb0ee25 100644
--- a/polaris.shopify.com/content/components/feedback-indicators/banner.md
+++ b/polaris.shopify.com/content/components/feedback-indicators/banner.md
@@ -229,7 +229,7 @@ To buy a shipping label, you must enter the total weight of your shipment, inclu
 ## Related components
 
 - To inform merchants about a new feature or opportunity, [use callout cards](https://polaris.shopify.com/components/callout-card)
-- To group similar concepts together in the interface, [use a card](https://polaris.shopify.com/components/layout-and-structure/alpha-card)
+- To group similar concepts together in the interface, [use a card](https://polaris.shopify.com/components/layout-and-structure/card)
 
 ---
 
diff --git a/polaris.shopify.com/content/components/feedback-indicators/skeleton-body-text.md b/polaris.shopify.com/content/components/feedback-indicators/skeleton-body-text.md
index feb38ff3add..f2b99b75471 100644
--- a/polaris.shopify.com/content/components/feedback-indicators/skeleton-body-text.md
+++ b/polaris.shopify.com/content/components/feedback-indicators/skeleton-body-text.md
@@ -22,7 +22,7 @@ examples:
 Skeleton body text component should:
 
 - Be used with [Skeleton page](https://polaris.shopify.com/components/skeleton-page) when page content loads all at once. Together, these components give merchants an indication of what the page layout will be once loaded.
-- Be used on its own, inside any content container component (like a [card](https://polaris.shopify.com/components/layout-and-structure/alpha-card)), and when content loads after the main page load.
+- Be used on its own, inside any content container component (like a [card](https://polaris.shopify.com/components/layout-and-structure/card)), and when content loads after the main page load.
 - Try to match the number of lines to the content being loaded so it gives an accurate representation.
 
 ---
diff --git a/polaris.shopify.com/content/components/layout-and-structure/box.md b/polaris.shopify.com/content/components/layout-and-structure/box.md
index 9870f2773d3..04ec40129c9 100644
--- a/polaris.shopify.com/content/components/layout-and-structure/box.md
+++ b/polaris.shopify.com/content/components/layout-and-structure/box.md
@@ -35,4 +35,4 @@ examples:
 
 ## Related components
 
-- For more specific use cases, [use the Card component](https://polaris.shopify.com/components/layout-and-structure/alpha-card)
+- For more specific use cases, [use the Card component](https://polaris.shopify.com/components/layout-and-structure/card)
diff --git a/polaris.shopify.com/content/components/layout-and-structure/callout-card.md b/polaris.shopify.com/content/components/layout-and-structure/callout-card.md
index 772ff7d1d62..e7f4eb4ebf8 100644
--- a/polaris.shopify.com/content/components/layout-and-structure/callout-card.md
+++ b/polaris.shopify.com/content/components/layout-and-structure/callout-card.md
@@ -135,7 +135,7 @@ Add a menu item
 
 ## Related components
 
-- To group similar concepts and tasks together, [use the card component](https://polaris.shopify.com/components/layout-and-structure/alpha-card)
+- To group similar concepts and tasks together, [use the card component](https://polaris.shopify.com/components/layout-and-structure/card)
 - To create page-level layout, [use the layout component](https://polaris.shopify.com/components/layout-and-structure/layout)
 - To explain a feature that merchants haven’t tried yet, [use the empty state component](https://polaris.shopify.com/components/layout-and-structure/empty-state)
 
diff --git a/polaris.shopify.com/content/components/layout-and-structure/alpha-card.md b/polaris.shopify.com/content/components/layout-and-structure/card.md
similarity index 88%
rename from polaris.shopify.com/content/components/layout-and-structure/alpha-card.md
rename to polaris.shopify.com/content/components/layout-and-structure/card.md
index 52de46e47ff..9eddda0f505 100644
--- a/polaris.shopify.com/content/components/layout-and-structure/alpha-card.md
+++ b/polaris.shopify.com/content/components/layout-and-structure/card.md
@@ -1,5 +1,5 @@
 ---
-title: Alpha card
+title: Card
 description: Cards are used to group similar concepts and tasks together for merchants to scan, read, and get things done. It displays content in a familiar and recognizable style.
 category: Layout and structure
 keywords:
@@ -26,22 +26,22 @@ status:
   value: Alpha
   message: This component is a work in progress and ready for exploratory usage, with breaking changes expected in minor version updates. Please use with caution. Learn more about our [component lifecycles](/getting-started/components-lifecycle).
 examples:
-  - fileName: alpha-card-default.tsx
+  - fileName: card-default.tsx
     title: Default
     description: >-
       By default, cards have an 8px border radius and uses `--p-surface` as the background and `--p-shadow-card` as the shadow. There is padding of `space-5` (20px) around children and `space-4` (16px) for small screens.
-  - fileName: alpha-card-with-subdued-background.tsx
+  - fileName: card-with-subdued-background.tsx
     title: With subdued background
     description: >-
       Use for content that you want to deprioritize. Subdued cards don’t stand out as much as cards with white backgrounds so don’t use them for information or actions that are critical to merchants.
-  - fileName: alpha-card-with-varying-padding.tsx
+  - fileName: card-with-varying-padding.tsx
     title: With varying padding
     description: >-
-      Use the `padding` property to adjust the spacing of content within a card. The `padding` prop supports responsive spacing with the [Breakpoints tokens](https://polaris.shopify.com/tokens/breakpoints).
-  - fileName: alpha-card-with-rounded-corners.tsx
+      Use the `padding` property to adjust the spacing within a card. You can also specify spacing values at different breakpoints.
+  - fileName: card-with-rounded-corners.tsx
     title: Rounded corners
     description: >-
-      Cards can have a border radius applied responsively with the `roundedAbove` prop.
+      Use the `padding` property to adjust the spacing of content within a card. The `padding` prop supports responsive spacing with the [Breakpoints tokens](https://polaris.shopify.com/tokens/breakpoints).
 ---
 
 ## Best practices
diff --git a/polaris.shopify.com/content/components/layout-and-structure/layout.md b/polaris.shopify.com/content/components/layout-and-structure/layout.md
index cd76f39bc4b..81504353bf0 100644
--- a/polaris.shopify.com/content/components/layout-and-structure/layout.md
+++ b/polaris.shopify.com/content/components/layout-and-structure/layout.md
@@ -59,7 +59,7 @@ The content that appears in the layout component comes from cards and annotated
 
 ### Cards
 
-Content from cards should follow the content guidelines for [cards](https://polaris.shopify.com/components/layout-and-structure/alpha-card#content-guidelines).
+Content from cards should follow the content guidelines for [cards](https://polaris.shopify.com/components/layout-and-structure/legacy-card#content-guidelines).
 
 ### Annotated section titles
 
@@ -80,6 +80,6 @@ Annotated section descriptions should:
 
 ## Related components
 
-- To visually group content in a layout section, [use the card component](https://polaris.shopify.com/components/layout-and-structure/alpha-card)
-- To lay out a set of smaller components in a row, [use the stack component](https://polaris.shopify.com/components/layout-and-structure/alpha-stack)
+- To visually group content in a layout section, [use the card component](https://polaris.shopify.com/components/layout-and-structure/card)
+- To lay out a set of smaller components in a row, [use the stack component](https://polaris.shopify.com/components/layout-and-structure/stack)
 - To lay out form fields, [use the form layout component](https://polaris.shopify.com/components/form-layout)
diff --git a/polaris.shopify.com/content/components/layout-and-structure/legacy-stack.md b/polaris.shopify.com/content/components/layout-and-structure/legacy-stack.md
index e521cff787d..2d7bb1f22cd 100644
--- a/polaris.shopify.com/content/components/layout-and-structure/legacy-stack.md
+++ b/polaris.shopify.com/content/components/layout-and-structure/legacy-stack.md
@@ -20,7 +20,7 @@ keywords:
   - legacy stack
 status:
   value: Legacy
-  message: This is a legacy component and will be deprecated. The new [AlphaStack component](/components/layout-and-structure/alpha-stack) can be used in combination with the new layout primitives to achieve similar results to LegacyStack. Learn more about our [component lifecycles](/getting-started/components-lifecycle).
+  message: This is a legacy component and will be deprecated. The new [Stack component](/components/layout-and-structure/stack) can be used in combination with the new layout primitives to achieve similar results to LegacyStack. Learn more about our [component lifecycles](/getting-started/components-lifecycle).
 examples:
   - fileName: legacy-stack-default.tsx
     title: Default
diff --git a/polaris.shopify.com/content/components/layout-and-structure/media-card.md b/polaris.shopify.com/content/components/layout-and-structure/media-card.md
index 77f89440e5a..388a6a454af 100644
--- a/polaris.shopify.com/content/components/layout-and-structure/media-card.md
+++ b/polaris.shopify.com/content/components/layout-and-structure/media-card.md
@@ -137,7 +137,7 @@ Add a menu item
 ## Related components
 
 - To create a video card, [use the video thumbnail component](https://polaris.shopify.com/components/video-thumbnail)
-- To group similar concepts and tasks together, [use the card component](https://polaris.shopify.com/components/layout-and-structure/alpha-card)
+- To group similar concepts and tasks together, [use the card component](https://polaris.shopify.com/components/layout-and-structure/card)
 - To create page-level layout, [use the layout component](https://polaris.shopify.com/components/layout-and-structure/layout)
 - To explain a feature that merchants haven’t tried yet, [use the empty state component](https://polaris.shopify.com/components/layout-and-structure/empty-state)
 
diff --git a/polaris.shopify.com/content/components/layout-and-structure/page.md b/polaris.shopify.com/content/components/layout-and-structure/page.md
index 117031ba3b8..415b12dff91 100644
--- a/polaris.shopify.com/content/components/layout-and-structure/page.md
+++ b/polaris.shopify.com/content/components/layout-and-structure/page.md
@@ -8,7 +8,7 @@ keywords:
   - view
   - title
   - titlebar
-  - breadcrumbs
+  - backAction
   - pagination
   - page with all header elements
   - page without primary action in header
diff --git a/polaris.shopify.com/content/components/layout-and-structure/alpha-stack.md b/polaris.shopify.com/content/components/layout-and-structure/stack.md
similarity index 91%
rename from polaris.shopify.com/content/components/layout-and-structure/alpha-stack.md
rename to polaris.shopify.com/content/components/layout-and-structure/stack.md
index cf940549749..ab5d627f9c2 100644
--- a/polaris.shopify.com/content/components/layout-and-structure/alpha-stack.md
+++ b/polaris.shopify.com/content/components/layout-and-structure/stack.md
@@ -1,5 +1,5 @@
 ---
-title: Alpha stack
+title: Stack
 description: Use to display children vertically with full width by default. Based on CSS Flexbox.
 category: Layout and structure
 keywords:
@@ -15,11 +15,11 @@ status:
   value: Alpha
   message: This component is a work in progress and ready for exploratory usage, with breaking changes expected in minor version updates. Please use with caution. Learn more about our [component lifecycles](/getting-started/components-lifecycle).
 examples:
-  - fileName: alpha-stack-with-gap.tsx
+  - fileName: stack-with-gap.tsx
     title: Gap
     description: >-
       Control the vertical space between children using the `gap` prop.
-  - fileName: alpha-stack-with-align.tsx
+  - fileName: stack-with-align.tsx
     title: Align
     description: >-
       Control the horizontal alignment of children using the `align` prop.
diff --git a/polaris.shopify.com/content/components/lists/list.md b/polaris.shopify.com/content/components/lists/list.md
index 5cfacabf5ba..e8e002380fa 100644
--- a/polaris.shopify.com/content/components/lists/list.md
+++ b/polaris.shopify.com/content/components/lists/list.md
@@ -88,4 +88,4 @@ Every item in a list should:
 
 The list component outputs list items (`<li>`) inside a list wrapper (`<ul>` for bullet lists or `<ol>` for numbered lists). By default, list items are conveyed as a group of related elements to assistive technology users.
 
-To group items for layout only, consider using the [stack component](https://polaris.shopify.com/components/layout-and-structure/alpha-stack).
+To group items for layout only, consider using the [stack component](https://polaris.shopify.com/components/layout-and-structure/stack).
diff --git a/polaris.shopify.com/content/components/typography/text.md b/polaris.shopify.com/content/components/typography/text.md
index 02c6fb04caa..51e5a6d0478 100644
--- a/polaris.shopify.com/content/components/typography/text.md
+++ b/polaris.shopify.com/content/components/typography/text.md
@@ -19,9 +19,6 @@ keywords:
   - semibold
   - bold
   - list
-status:
-  value: Beta
-  message: This component is ready for wider adoption, usage is encouraged for most cases. Breaking changes are possible in minor version updates. To learn more please read about our [component lifecycles](/getting-started/components-lifecycle)
 examples:
   - fileName: text-heading.tsx
     title: Heading
diff --git a/polaris.shopify.com/content/components/utilities/collapsible.md b/polaris.shopify.com/content/components/utilities/collapsible.md
index d4face051a3..1b52e918099 100644
--- a/polaris.shopify.com/content/components/utilities/collapsible.md
+++ b/polaris.shopify.com/content/components/utilities/collapsible.md
@@ -36,7 +36,7 @@ The collapsible component should:
 
 ## Content guidelines
 
-Collapsible containers are cards with expandable and collapsible functionality, and should follow the content guidelines for [cards](https://polaris.shopify.com/components/layout-and-structure/alpha-card#content-guidelines).
+Collapsible containers are cards with expandable and collapsible functionality, and should follow the content guidelines for [cards](https://polaris.shopify.com/components/layout-and-structure/legacy-card#content-guidelines).
 
 ---
 
diff --git a/polaris.shopify.com/content/components/utilities/scrollable.md b/polaris.shopify.com/content/components/utilities/scrollable.md
index 4c9830deaa3..064693bd1e5 100644
--- a/polaris.shopify.com/content/components/utilities/scrollable.md
+++ b/polaris.shopify.com/content/components/utilities/scrollable.md
@@ -34,7 +34,7 @@ Scrollable containers should:
 
 ## Content guidelines
 
-Scrollable containers are cards with scrolling functionality, and should follow the [content guidelines](https://polaris.shopify.com/components/layout-and-structure/alpha-card#content-guidelines) for cards.
+Scrollable containers are cards with scrolling functionality, and should follow the [content guidelines](https://polaris.shopify.com/components/layout-and-structure/legacy-card#content-guidelines) for cards.
 
 ---
 
diff --git a/polaris.shopify.com/content/patterns/app-settings-layout/variants/default.md b/polaris.shopify.com/content/patterns/app-settings-layout/variants/default.md
index e28527ea1b5..86685f88cb0 100644
--- a/polaris.shopify.com/content/patterns/app-settings-layout/variants/default.md
+++ b/polaris.shopify.com/content/patterns/app-settings-layout/variants/default.md
@@ -24,7 +24,7 @@ hideFromNav: true
 
 ## Using this pattern
 
-This pattern uses the [`AlphaStack`](/components/layout-and-structure/alpha-stack), [`AlphaCard`](/components/layout-and-structure/alpha-card), [`Columns`](/components/layout-and-structure/columns) and [`Box`](/components/layout-and-structure/box) components.
+This pattern uses the [`Stack`](/components/layout-and-structure/stack), [`Card`](/components/layout-and-structure/card), [`Columns`](/components/layout-and-structure/columns) and [`Box`](/components/layout-and-structure/box) components.
 
 <!-- prettier-ignore -->
 ```javascript {"type":"previewContext","for":"example"}
@@ -48,28 +48,28 @@ function AppSettingsLayoutExample() {
         },
       ]}
     >
-      <AlphaStack gap={{xs: '8', sm: '4'}}>
+      <Stack gap={{xs: '8', sm: '4'}}>
         <Columns columns={{xs: '1fr', md: '2fr 5fr'}} gap="4">
           <Box
             as="section"
             paddingInlineStart={{xs: 4, sm: 0}}
             paddingInlineEnd={{xs: 4, sm: 0}}
           >
-            <AlphaStack gap="4">
+            <Stack gap="4">
               <Text as="h3" variant="headingMd">
                 InterJambs
               </Text>
               <Text as="p" variant="bodyMd">
                 Interjambs are the rounded protruding bits of your puzzlie piece
               </Text>
-            </AlphaStack>
+            </Stack>
           </Box>
-          <AlphaCard roundedAbove="sm">
-            <AlphaStack gap="4">
+          <Card roundedAbove="sm">
+            <Stack gap="4">
               <TextField label="Interjamb style" />
               <TextField label="Interjamb ratio" />
-            </AlphaStack>
-          </AlphaCard>
+            </Stack>
+          </Card>
         </Columns>
         {smUp ? <Divider borderStyle="base" /> : null}
         <Columns columns={{xs: '1fr', md: '2fr 5fr'}} gap="4">
@@ -78,23 +78,23 @@ function AppSettingsLayoutExample() {
             paddingInlineStart={{xs: 4, sm: 0}}
             paddingInlineEnd={{xs: 4, sm: 0}}
           >
-            <AlphaStack gap="4">
+            <Stack gap="4">
               <Text as="h3" variant="headingMd">
                 Dimensions
               </Text>
               <Text as="p" variant="bodyMd">
                 Interjambs are the rounded protruding bits of your puzzlie piece
               </Text>
-            </AlphaStack>
+            </Stack>
           </Box>
-          <AlphaCard roundedAbove="sm">
-            <AlphaStack gap="4">
+          <Card roundedAbove="sm">
+            <Stack gap="4">
               <TextField label="Horizontal" />
               <TextField label="Interjamb ratio" />
-            </AlphaStack>
-          </AlphaCard>
+            </Stack>
+          </Card>
         </Columns>
-      </AlphaStack>
+      </Stack>
     </Page>
   );
 }
diff --git a/polaris.shopify.com/content/patterns/date-picking/variants/date-range.md b/polaris.shopify.com/content/patterns/date-picking/variants/date-range.md
index 904539a5e67..f884baea62b 100644
--- a/polaris.shopify.com/content/patterns/date-picking/variants/date-range.md
+++ b/polaris.shopify.com/content/patterns/date-picking/variants/date-range.md
@@ -32,7 +32,7 @@ This enables merchants to select a date range.
 
 ## Using this pattern
 
-This pattern uses the [`AlphaStack`](/components/layout-and-structure/alpha-stack), [`Box`](/components/layout-and-structure/box), [`Button`](/components/actions/button), [`Columns`](/components/layout-and-structure/columns), [`DatePicker`](/components/selection-and-input/date-picker), [`Inline`](/components/layout-and-structure/inline), [`OptionList`](/components/lists/option-list), [`Popover`](/components/overlays/popover) and [`TextField`](/components/selection-and-input/text-field) components.
+This pattern uses the [`Stack`](/components/layout-and-structure/stack), [`Box`](/components/layout-and-structure/box), [`Button`](/components/actions/button), [`Columns`](/components/layout-and-structure/columns), [`DatePicker`](/components/selection-and-input/date-picker), [`Inline`](/components/layout-and-structure/inline), [`OptionList`](/components/lists/option-list), [`Popover`](/components/overlays/popover) and [`TextField`](/components/selection-and-input/text-field) components.
 
 <!-- prettier-ignore -->
 ```javascript {"type":"previewContext","for":"example"}
@@ -323,7 +323,7 @@ function DateRangePicker() {
             )}
           </Box>
           <Box padding={{xs: 5}} maxWidth={mdDown ? '320px' : '516px'}>
-            <AlphaStack gap="4">
+            <Stack gap="4">
               <Inline gap="2">
                 <div style={{flexGrow: 1}}>
                   <TextField
@@ -365,7 +365,7 @@ function DateRangePicker() {
                   allowRange
                 />
               </div>
-            </AlphaStack>
+            </Stack>
           </Box>
         </Columns>
       </Popover.Pane>
diff --git a/polaris.shopify.com/content/patterns/date-picking/variants/single-date.md b/polaris.shopify.com/content/patterns/date-picking/variants/single-date.md
index c876b1abbfe..322f0c637b4 100644
--- a/polaris.shopify.com/content/patterns/date-picking/variants/single-date.md
+++ b/polaris.shopify.com/content/patterns/date-picking/variants/single-date.md
@@ -31,7 +31,7 @@ This enables merchants to type a specific date or pick it from a calendar.
 
 ## Using this pattern
 
-This pattern uses the [`AlphaCard`](/components/layout-and-structure/alpha-card), [`DatePicker`](/components/selection-and-input/date-picker), [`Popover`](/components/overlays/popover) and [`TextField`](/components/selection-and-input/text-field) components.
+This pattern uses the [`Card`](/components/layout-and-structure/card), [`DatePicker`](/components/selection-and-input/date-picker), [`Popover`](/components/overlays/popover) and [`TextField`](/components/selection-and-input/text-field) components.
 
 <!-- prettier-ignore -->
 ```javascript {"type":"sandboxContext","for":"example"}
@@ -93,7 +93,7 @@ function DatePickerExample() {
     }
   }, [selectedDate]);
   return (
-    <AlphaStack align="center" gap="4">
+    <Stack align="center" gap="4">
       <Box minWidth="276px" padding={{xs: 2}}>
         <Popover
           active={visible}
@@ -116,7 +116,7 @@ function DatePickerExample() {
             />
           }
         >
-          <AlphaCard ref={datePickerRef}>
+          <Card ref={datePickerRef}>
             <DatePicker
               month={month}
               year={year}
@@ -124,10 +124,10 @@ function DatePickerExample() {
               onMonthChange={handleMonthChange}
               onChange={handleDateSelection}
             />
-          </AlphaCard>
+          </Card>
         </Popover>
       </Box>
-    </AlphaStack>
+    </Stack>
   );
 }
 ```
diff --git a/polaris.shopify.com/content/patterns/resource-details-layout/variants/default.md b/polaris.shopify.com/content/patterns/resource-details-layout/variants/default.md
index 29ab2a5117a..e0aa96fcaad 100644
--- a/polaris.shopify.com/content/patterns/resource-details-layout/variants/default.md
+++ b/polaris.shopify.com/content/patterns/resource-details-layout/variants/default.md
@@ -28,7 +28,7 @@ hideFromNav: true
 
 ## Using this pattern
 
-This pattern uses the [`AlphaCard`](/components/layout-and-structure/alpha-card), [`AlphaStack`](/components/layout-and-structure/alpha-stack), [`Columns`](/components/layout-and-structure/columns) and [`Page`](/components/layout-and-structure/page) components.
+This pattern uses the [`Card`](/components/layout-and-structure/alpha-card), [`Stack`](/components/layout-and-structure/stack), [`Columns`](/components/layout-and-structure/columns) and [`Page`](/components/layout-and-structure/page) components.
 
 <!-- prettier-ignore -->
 ```javascript {"type":"previewContext","for":"example"}
@@ -86,28 +86,28 @@ function ResourceDetailsLayout() {
       }}
     >
       <Columns columns={{xs: 1, md: '2fr 1fr'}} gap="4">
-        <AlphaStack gap="4">
-          <AlphaCard roundedAbove="sm">
-            <AlphaStack gap="4">
+        <Stack gap="4">
+          <Card roundedAbove="sm">
+            <Stack gap="4">
               <SkeletonLabel />
               <Box border="divider" borderRadius="base" minHeight="2rem" />
               <SkeletonLabel maxWidth="8rem" />
               <Box border="divider" borderRadius="base" minHeight="20rem" />
-            </AlphaStack>
-          </AlphaCard>
-          <AlphaCard roundedAbove="sm">
-            <AlphaStack gap="4">
+            </Stack>
+          </Card>
+          <Card roundedAbove="sm">
+            <Stack gap="4">
               <SkeletonDisplayText size="small" />
               <Columns columns={{xs: 1, md: 2}}>
                 <Box border="divider" borderRadius="base" minHeight="10rem" />
                 <Box border="divider" borderRadius="base" minHeight="10rem" />
               </Columns>
-            </AlphaStack>
-          </AlphaCard>
-        </AlphaStack>
-        <AlphaStack gap={{xs: '4', md: '2'}}>
-          <AlphaCard roundedAbove="sm">
-            <AlphaStack gap="4">
+            </Stack>
+          </Card>
+        </Stack>
+        <Stack gap={{xs: '4', md: '2'}}>
+          <Card roundedAbove="sm">
+            <Stack gap="4">
               <SkeletonDisplayText size="small" />
               <Box border="divider" borderRadius="base" minHeight="2rem" />
               <Box>
@@ -118,19 +118,19 @@ function ResourceDetailsLayout() {
               <SkeletonLabel />
               <Divider borderStyle="divider" />
               <SkeletonBodyText />
-            </AlphaStack>
-          </AlphaCard>
-          <AlphaCard roundedAbove="sm">
-            <AlphaStack gap="4">
+            </Stack>
+          </Card>
+          <Card roundedAbove="sm">
+            <Stack gap="4">
               <SkeletonLabel />
               <Box border="divider" borderRadius="base" minHeight="2rem" />
               <SkeletonLabel maxWidth="4rem" />
               <Box border="divider" borderRadius="base" minHeight="2rem" />
               <SkeletonLabel />
               <SkeletonBodyText />
-            </AlphaStack>
-          </AlphaCard>
-        </AlphaStack>
+            </Stack>
+          </Card>
+        </Stack>
       </Columns>
     </Page>
   );
diff --git a/polaris.shopify.com/content/patterns/resource-index-layout/variants/default.md b/polaris.shopify.com/content/patterns/resource-index-layout/variants/default.md
index 07aa93ee8d8..f55490dfc4e 100644
--- a/polaris.shopify.com/content/patterns/resource-index-layout/variants/default.md
+++ b/polaris.shopify.com/content/patterns/resource-index-layout/variants/default.md
@@ -47,7 +47,7 @@ This pattern uses the [`Layout`](/components/layout-and-structure/layout), [`Pag
     },
   ]}
 >
-  <AlphaCard>Coming Soon</AlphaCard>
+  <Card>Coming Soon</Card>
 </Page>
 ```
 
diff --git a/polaris.shopify.com/content/patterns/variant.md.template b/polaris.shopify.com/content/patterns/variant.md.template
index 3c1749732c3..bab28d62c9d 100644
--- a/polaris.shopify.com/content/patterns/variant.md.template
+++ b/polaris.shopify.com/content/patterns/variant.md.template
@@ -55,7 +55,7 @@ This pattern uses the <!-- [`Box`](/components/box), ... etc --> components.
 <!-- prettier-ignore -->
 ```javascript {"type":"livePreview","id":"example"}
 <Page divider>
-  <AlphaStack gap="16">Coming Soon</AlphaStack>
+  <Stack gap="16">Coming Soon</Stack>
 </Page>
 ```
 
diff --git a/polaris.shopify.com/next.config.js b/polaris.shopify.com/next.config.js
index d1c6086b539..3bf2ab78a2a 100644
--- a/polaris.shopify.com/next.config.js
+++ b/polaris.shopify.com/next.config.js
@@ -211,11 +211,6 @@ const deprecated = [
     destination: '/components/deprecated/sheet',
     permanent: false,
   },
-  {
-    source: '/components/stack',
-    destination: '/components/deprecated/stack',
-    permanent: false,
-  },
   {
     source: '/components/subheading',
     destination: '/components/deprecated/subheading',
@@ -345,11 +340,6 @@ const layoutAndStructure = [
     destination: '/components/layout-and-structure/alpha-card',
     permanent: false,
   },
-  {
-    source: '/components/alpha-stack',
-    destination: '/components/layout-and-structure/alpha-stack',
-    permanent: false,
-  },
   {
     source: '/components/bleed',
     destination: '/components/layout-and-structure/bleed',
@@ -365,6 +355,11 @@ const layoutAndStructure = [
     destination: '/components/layout-and-structure/callout-card',
     permanent: false,
   },
+  {
+    source: '/components/card',
+    destination: '/components/layout-and-structure/card',
+    permanent: false,
+  },
   {
     source: '/components/columns',
     destination: '/components/layout-and-structure/columns',
@@ -435,6 +430,11 @@ const layoutAndStructure = [
     destination: '/components/layout-and-structure/page',
     permanent: false,
   },
+  {
+    source: '/components/layout-and-structure/alpha-stack',
+    destination: '/components/layout-and-structure/stack',
+    permanent: false,
+  },
   {
     source: '/components/stack',
     destination: '/components/layout-and-structure/stack',
diff --git a/polaris.shopify.com/package.json b/polaris.shopify.com/package.json
index 065c7f748d0..818b12cecda 100644
--- a/polaris.shopify.com/package.json
+++ b/polaris.shopify.com/package.json
@@ -2,6 +2,9 @@
   "name": "polaris.shopify.com",
   "version": "0.38.2",
   "private": true,
+  "engines": {
+    "node": "^16.17.0 || >=18.12.0"
+  },
   "scripts": {
     "build": "yarn gen-assets && playroom build && next build && cp -r public ./.next/standalone/polaris.shopify.com/ && mkdirp ./.next/standalone/polaris.shopify.com/.next && cp -r .next/static ./.next/standalone/polaris.shopify.com/.next/",
     "start": "cd ./.next/standalone/polaris.shopify.com && node ./server.js",
@@ -53,7 +56,6 @@
     "@types/lodash.get": "^4.4.7",
     "@types/lodash.throttle": "^4.1.7",
     "@types/marked": "^4.0.3",
-    "@types/node": "17.0.21",
     "@types/prismjs": "^1.26.0",
     "@types/react": "18.0.15",
     "babel-plugin-preval": "^5.1.0",
@@ -74,6 +76,6 @@
     "rehype-raw": "^6.1.1",
     "sass": "^1.49.9",
     "style-loader": "^3.3.1",
-    "typescript": "^4.7.4"
+    "typescript": "^4.9.3"
   }
 }
diff --git a/polaris.shopify.com/pages/components/[group]/[component]/index.tsx b/polaris.shopify.com/pages/components/[group]/[component]/index.tsx
index 441904eca3f..35fe596efcf 100644
--- a/polaris.shopify.com/pages/components/[group]/[component]/index.tsx
+++ b/polaris.shopify.com/pages/components/[group]/[component]/index.tsx
@@ -132,6 +132,7 @@ export const getStaticProps: GetStaticProps<
       allType,
       propName,
       `polaris-react/src/components/${componentDirName}/${componentDirName}.tsx`,
+      data.frontMatter.status?.value || '',
     );
 
     const props: Props = {
diff --git a/polaris.shopify.com/pages/examples/action-list-with-a-prefix-and-a-suffix.tsx b/polaris.shopify.com/pages/examples/action-list-with-a-prefix-and-a-suffix.tsx
index f2b9cc97ac8..e5799b4dbcd 100644
--- a/polaris.shopify.com/pages/examples/action-list-with-a-prefix-and-a-suffix.tsx
+++ b/polaris.shopify.com/pages/examples/action-list-with-a-prefix-and-a-suffix.tsx
@@ -1,6 +1,5 @@
 import {ActionList, Thumbnail, Icon, Avatar} from '@shopify/polaris';
 import {ChevronRightMinor} from '@shopify/polaris-icons';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ActionListWithPrefixSuffixExample() {
diff --git a/polaris.shopify.com/pages/examples/alpha-card-default.tsx b/polaris.shopify.com/pages/examples/alpha-card-default.tsx
deleted file mode 100644
index 50986b57f56..00000000000
--- a/polaris.shopify.com/pages/examples/alpha-card-default.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import {AlphaCard, Text} from '@shopify/polaris';
-import React from 'react';
-import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
-
-function AlphaCardExample() {
-  return (
-    <AlphaCard>
-      <Text as="h2" variant="bodyMd">
-        Content inside a card
-      </Text>
-    </AlphaCard>
-  );
-}
-
-export default withPolarisExample(AlphaCardExample);
diff --git a/polaris.shopify.com/pages/examples/alpha-card-with-rounded-corners.tsx b/polaris.shopify.com/pages/examples/alpha-card-with-rounded-corners.tsx
deleted file mode 100644
index dade684c47f..00000000000
--- a/polaris.shopify.com/pages/examples/alpha-card-with-rounded-corners.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import {AlphaCard, Text} from '@shopify/polaris';
-import React from 'react';
-import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
-
-function AlphaCardExample() {
-  return (
-    <AlphaCard roundedAbove="md">
-      <Text as="h2" variant="bodyMd">
-        Content inside a card
-      </Text>
-    </AlphaCard>
-  );
-}
-
-export default withPolarisExample(AlphaCardExample);
diff --git a/polaris.shopify.com/pages/examples/alpha-card-with-subdued-background.tsx b/polaris.shopify.com/pages/examples/alpha-card-with-subdued-background.tsx
deleted file mode 100644
index c2cf0838a10..00000000000
--- a/polaris.shopify.com/pages/examples/alpha-card-with-subdued-background.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import {AlphaCard, Text} from '@shopify/polaris';
-import React from 'react';
-import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
-
-function AlphaCardExample() {
-  return (
-    <AlphaCard background="surface-subdued">
-      <Text as="h2" variant="bodyMd">
-        Content inside a card
-      </Text>
-    </AlphaCard>
-  );
-}
-
-export default withPolarisExample(AlphaCardExample);
diff --git a/polaris.shopify.com/pages/examples/app-provider-default.tsx b/polaris.shopify.com/pages/examples/app-provider-default.tsx
index a7c7fdecf48..b54f3512e8d 100644
--- a/polaris.shopify.com/pages/examples/app-provider-default.tsx
+++ b/polaris.shopify.com/pages/examples/app-provider-default.tsx
@@ -6,7 +6,6 @@ import {
   Avatar,
   Text,
 } from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function AppProviderExample() {
diff --git a/polaris.shopify.com/pages/examples/app-provider-with-i18n.tsx b/polaris.shopify.com/pages/examples/app-provider-with-i18n.tsx
index f4a9f9cecd5..f5c8883ba41 100644
--- a/polaris.shopify.com/pages/examples/app-provider-with-i18n.tsx
+++ b/polaris.shopify.com/pages/examples/app-provider-with-i18n.tsx
@@ -6,7 +6,6 @@ import {
   Avatar,
   Text,
 } from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function AppProviderI18NExample() {
diff --git a/polaris.shopify.com/pages/examples/app-provider-with-link-component.tsx b/polaris.shopify.com/pages/examples/app-provider-with-link-component.tsx
index 7373957f327..7c93b39250f 100644
--- a/polaris.shopify.com/pages/examples/app-provider-with-link-component.tsx
+++ b/polaris.shopify.com/pages/examples/app-provider-with-link-component.tsx
@@ -1,5 +1,4 @@
 import {AppProvider, Page} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function AppProviderLinkExample() {
diff --git a/polaris.shopify.com/pages/examples/autocomplete-with-empty-state.tsx b/polaris.shopify.com/pages/examples/autocomplete-with-empty-state.tsx
index 2b9f304c3c2..0284a95230d 100644
--- a/polaris.shopify.com/pages/examples/autocomplete-with-empty-state.tsx
+++ b/polaris.shopify.com/pages/examples/autocomplete-with-empty-state.tsx
@@ -1,6 +1,6 @@
 import {Autocomplete, Icon, TextContainer} from '@shopify/polaris';
 import {SearchMinor} from '@shopify/polaris-icons';
-import React, {useState, useCallback, useMemo} from 'react';
+import { Fragment, useState, useCallback, useMemo } from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function AutocompleteExample() {
@@ -69,12 +69,12 @@ function AutocompleteExample() {
   );
 
   const emptyState = (
-    <React.Fragment>
+    <Fragment>
       <Icon source={SearchMinor} />
       <div style={{textAlign: 'center'}}>
         <TextContainer>Could not find any results</TextContainer>
       </div>
-    </React.Fragment>
+    </Fragment>
   );
 
   return (
diff --git a/polaris.shopify.com/pages/examples/avatar-default.tsx b/polaris.shopify.com/pages/examples/avatar-default.tsx
index 97eff02e80a..afaaa71b415 100644
--- a/polaris.shopify.com/pages/examples/avatar-default.tsx
+++ b/polaris.shopify.com/pages/examples/avatar-default.tsx
@@ -1,5 +1,4 @@
 import {Avatar} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function AvatarExample() {
diff --git a/polaris.shopify.com/pages/examples/avatar-square.tsx b/polaris.shopify.com/pages/examples/avatar-square.tsx
index a08b37a7ad7..30ace695dfe 100644
--- a/polaris.shopify.com/pages/examples/avatar-square.tsx
+++ b/polaris.shopify.com/pages/examples/avatar-square.tsx
@@ -1,5 +1,4 @@
 import {Avatar} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function AvatarExample() {
diff --git a/polaris.shopify.com/pages/examples/badge-attention.tsx b/polaris.shopify.com/pages/examples/badge-attention.tsx
index a0ae22c50c4..72fc43d1c5c 100644
--- a/polaris.shopify.com/pages/examples/badge-attention.tsx
+++ b/polaris.shopify.com/pages/examples/badge-attention.tsx
@@ -1,5 +1,4 @@
 import {Badge} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function BadgeExample() {
diff --git a/polaris.shopify.com/pages/examples/badge-complete.tsx b/polaris.shopify.com/pages/examples/badge-complete.tsx
index 0862b11d46d..bca6accbaad 100644
--- a/polaris.shopify.com/pages/examples/badge-complete.tsx
+++ b/polaris.shopify.com/pages/examples/badge-complete.tsx
@@ -1,5 +1,4 @@
 import {Badge} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function BadgeExample() {
diff --git a/polaris.shopify.com/pages/examples/badge-critical.tsx b/polaris.shopify.com/pages/examples/badge-critical.tsx
index 494d469d2f0..be91cd9b5ec 100644
--- a/polaris.shopify.com/pages/examples/badge-critical.tsx
+++ b/polaris.shopify.com/pages/examples/badge-critical.tsx
@@ -1,5 +1,4 @@
 import {Badge} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function BadgeExample() {
diff --git a/polaris.shopify.com/pages/examples/badge-default.tsx b/polaris.shopify.com/pages/examples/badge-default.tsx
index a76f02a19d8..398173c963e 100644
--- a/polaris.shopify.com/pages/examples/badge-default.tsx
+++ b/polaris.shopify.com/pages/examples/badge-default.tsx
@@ -1,5 +1,4 @@
 import {Badge} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function BadgeExample() {
diff --git a/polaris.shopify.com/pages/examples/badge-incomplete.tsx b/polaris.shopify.com/pages/examples/badge-incomplete.tsx
index 46a615701c7..705439d9b77 100644
--- a/polaris.shopify.com/pages/examples/badge-incomplete.tsx
+++ b/polaris.shopify.com/pages/examples/badge-incomplete.tsx
@@ -1,5 +1,4 @@
 import {Badge} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function BadgeExample() {
diff --git a/polaris.shopify.com/pages/examples/badge-informational.tsx b/polaris.shopify.com/pages/examples/badge-informational.tsx
index f5823fc4294..b3fa5069ac5 100644
--- a/polaris.shopify.com/pages/examples/badge-informational.tsx
+++ b/polaris.shopify.com/pages/examples/badge-informational.tsx
@@ -1,5 +1,4 @@
 import {Badge} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function BadgeExample() {
diff --git a/polaris.shopify.com/pages/examples/badge-partially-complete.tsx b/polaris.shopify.com/pages/examples/badge-partially-complete.tsx
index 7516df35bb9..584d03d318f 100644
--- a/polaris.shopify.com/pages/examples/badge-partially-complete.tsx
+++ b/polaris.shopify.com/pages/examples/badge-partially-complete.tsx
@@ -1,5 +1,4 @@
 import {Badge} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function BadgeExample() {
diff --git a/polaris.shopify.com/pages/examples/badge-small.tsx b/polaris.shopify.com/pages/examples/badge-small.tsx
index 53be196ffe3..243f6ccfd98 100644
--- a/polaris.shopify.com/pages/examples/badge-small.tsx
+++ b/polaris.shopify.com/pages/examples/badge-small.tsx
@@ -1,5 +1,4 @@
 import {Badge} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function BadgeExample() {
diff --git a/polaris.shopify.com/pages/examples/badge-success.tsx b/polaris.shopify.com/pages/examples/badge-success.tsx
index 3eda9e067d0..7cf059a85c8 100644
--- a/polaris.shopify.com/pages/examples/badge-success.tsx
+++ b/polaris.shopify.com/pages/examples/badge-success.tsx
@@ -1,5 +1,4 @@
 import {Badge} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function BadgeExample() {
diff --git a/polaris.shopify.com/pages/examples/badge-warning.tsx b/polaris.shopify.com/pages/examples/badge-warning.tsx
index 2520caaa444..aa44f1ef846 100644
--- a/polaris.shopify.com/pages/examples/badge-warning.tsx
+++ b/polaris.shopify.com/pages/examples/badge-warning.tsx
@@ -1,5 +1,4 @@
 import {Badge} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function BadgeExample() {
diff --git a/polaris.shopify.com/pages/examples/badge-with-status-and-progress-label-override.tsx b/polaris.shopify.com/pages/examples/badge-with-status-and-progress-label-override.tsx
index 20ac58a5ca1..4f8bfe4c8e2 100644
--- a/polaris.shopify.com/pages/examples/badge-with-status-and-progress-label-override.tsx
+++ b/polaris.shopify.com/pages/examples/badge-with-status-and-progress-label-override.tsx
@@ -1,5 +1,4 @@
 import {Badge} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function BadgeExample() {
diff --git a/polaris.shopify.com/pages/examples/banner-critical.tsx b/polaris.shopify.com/pages/examples/banner-critical.tsx
index b9528607fd0..a96c075c5bd 100644
--- a/polaris.shopify.com/pages/examples/banner-critical.tsx
+++ b/polaris.shopify.com/pages/examples/banner-critical.tsx
@@ -1,5 +1,4 @@
 import {Banner, Link} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function BannerExample() {
diff --git a/polaris.shopify.com/pages/examples/banner-default.tsx b/polaris.shopify.com/pages/examples/banner-default.tsx
index 95fd88af1d8..c0b66f9e343 100644
--- a/polaris.shopify.com/pages/examples/banner-default.tsx
+++ b/polaris.shopify.com/pages/examples/banner-default.tsx
@@ -1,5 +1,4 @@
 import {Banner} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function BannerExample() {
diff --git a/polaris.shopify.com/pages/examples/banner-dismissible.tsx b/polaris.shopify.com/pages/examples/banner-dismissible.tsx
index ca889889782..5320a9bd483 100644
--- a/polaris.shopify.com/pages/examples/banner-dismissible.tsx
+++ b/polaris.shopify.com/pages/examples/banner-dismissible.tsx
@@ -1,5 +1,4 @@
 import {Banner, Link} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function BannerExample() {
diff --git a/polaris.shopify.com/pages/examples/banner-in-a-card.tsx b/polaris.shopify.com/pages/examples/banner-in-a-card.tsx
index 5a9e07a3673..5ca2f2107fe 100644
--- a/polaris.shopify.com/pages/examples/banner-in-a-card.tsx
+++ b/polaris.shopify.com/pages/examples/banner-in-a-card.tsx
@@ -1,5 +1,4 @@
 import {LegacyCard, TextContainer, Banner, Link} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function BannerExample() {
diff --git a/polaris.shopify.com/pages/examples/banner-informational.tsx b/polaris.shopify.com/pages/examples/banner-informational.tsx
index 7aec36301bd..7b233177418 100644
--- a/polaris.shopify.com/pages/examples/banner-informational.tsx
+++ b/polaris.shopify.com/pages/examples/banner-informational.tsx
@@ -1,5 +1,4 @@
 import {Banner} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function BannerExample() {
diff --git a/polaris.shopify.com/pages/examples/banner-success.tsx b/polaris.shopify.com/pages/examples/banner-success.tsx
index f53a274d0b8..fb4e4044ad2 100644
--- a/polaris.shopify.com/pages/examples/banner-success.tsx
+++ b/polaris.shopify.com/pages/examples/banner-success.tsx
@@ -1,5 +1,4 @@
 import {Banner} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function BannerExample() {
diff --git a/polaris.shopify.com/pages/examples/banner-warning.tsx b/polaris.shopify.com/pages/examples/banner-warning.tsx
index 4e9accf3df4..087289e3be6 100644
--- a/polaris.shopify.com/pages/examples/banner-warning.tsx
+++ b/polaris.shopify.com/pages/examples/banner-warning.tsx
@@ -1,5 +1,4 @@
 import {Banner, List} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function BannerExample() {
diff --git a/polaris.shopify.com/pages/examples/banner-with-footer-call-to-action.tsx b/polaris.shopify.com/pages/examples/banner-with-footer-call-to-action.tsx
index e114e46ed59..032b3d5730b 100644
--- a/polaris.shopify.com/pages/examples/banner-with-footer-call-to-action.tsx
+++ b/polaris.shopify.com/pages/examples/banner-with-footer-call-to-action.tsx
@@ -1,5 +1,4 @@
 import {Banner} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function BannerExample() {
diff --git a/polaris.shopify.com/pages/examples/bleed-all-directions.tsx b/polaris.shopify.com/pages/examples/bleed-all-directions.tsx
index 6c96d716127..83517a9d0a5 100644
--- a/polaris.shopify.com/pages/examples/bleed-all-directions.tsx
+++ b/polaris.shopify.com/pages/examples/bleed-all-directions.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {Bleed, Box, Text, Inline} from '@shopify/polaris';
 
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
diff --git a/polaris.shopify.com/pages/examples/bleed-horizontal.tsx b/polaris.shopify.com/pages/examples/bleed-horizontal.tsx
index c4fc2bf46d9..5a6090eaaec 100644
--- a/polaris.shopify.com/pages/examples/bleed-horizontal.tsx
+++ b/polaris.shopify.com/pages/examples/bleed-horizontal.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {Bleed, Box, Text, Inline} from '@shopify/polaris';
 
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
diff --git a/polaris.shopify.com/pages/examples/bleed-specific-direction.tsx b/polaris.shopify.com/pages/examples/bleed-specific-direction.tsx
index 013e47d97f6..41540d2435e 100644
--- a/polaris.shopify.com/pages/examples/bleed-specific-direction.tsx
+++ b/polaris.shopify.com/pages/examples/bleed-specific-direction.tsx
@@ -1,11 +1,10 @@
-import React from 'react';
-import {AlphaStack, Bleed, Box, Text, Inline} from '@shopify/polaris';
+import {Stack, Bleed, Box, Text, Inline} from '@shopify/polaris';
 
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function BleedSpecificDirectionExample() {
   return (
-    <AlphaStack gap="6">
+    <Stack gap="6">
       <Box background="surface" border="base" padding="8">
         <Bleed marginInlineStart="8">
           <Placeholder label="marginInlineStart" />
@@ -26,7 +25,7 @@ function BleedSpecificDirectionExample() {
           <Placeholder label="marginBlockEnd" />
         </Bleed>
       </Box>
-    </AlphaStack>
+    </Stack>
   );
 }
 
diff --git a/polaris.shopify.com/pages/examples/bleed-vertical.tsx b/polaris.shopify.com/pages/examples/bleed-vertical.tsx
index 5878ed01619..2ac24fe9f0f 100644
--- a/polaris.shopify.com/pages/examples/bleed-vertical.tsx
+++ b/polaris.shopify.com/pages/examples/bleed-vertical.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {Bleed, Box, Text, Inline} from '@shopify/polaris';
 
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
diff --git a/polaris.shopify.com/pages/examples/box-with-border-radius.tsx b/polaris.shopify.com/pages/examples/box-with-border-radius.tsx
index d6bf63b53df..fd592f8a312 100644
--- a/polaris.shopify.com/pages/examples/box-with-border-radius.tsx
+++ b/polaris.shopify.com/pages/examples/box-with-border-radius.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {Box, Text} from '@shopify/polaris';
 
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
diff --git a/polaris.shopify.com/pages/examples/box-with-border.tsx b/polaris.shopify.com/pages/examples/box-with-border.tsx
index f363e7ef95f..71c67d60c42 100644
--- a/polaris.shopify.com/pages/examples/box-with-border.tsx
+++ b/polaris.shopify.com/pages/examples/box-with-border.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {Box, Text} from '@shopify/polaris';
 
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
diff --git a/polaris.shopify.com/pages/examples/box-with-color.tsx b/polaris.shopify.com/pages/examples/box-with-color.tsx
index 31fe3cfe2e5..c3e0c28bf82 100644
--- a/polaris.shopify.com/pages/examples/box-with-color.tsx
+++ b/polaris.shopify.com/pages/examples/box-with-color.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {Box, Text} from '@shopify/polaris';
 
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
diff --git a/polaris.shopify.com/pages/examples/box-with-padding.tsx b/polaris.shopify.com/pages/examples/box-with-padding.tsx
index 685953202e3..8c9ffaf2c00 100644
--- a/polaris.shopify.com/pages/examples/box-with-padding.tsx
+++ b/polaris.shopify.com/pages/examples/box-with-padding.tsx
@@ -1,11 +1,10 @@
-import React from 'react';
-import {AlphaStack, Box, Text, Inline} from '@shopify/polaris';
+import {Stack, Box, Text, Inline} from '@shopify/polaris';
 
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function BoxWithPaddingExample() {
   return (
-    <AlphaStack gap="4">
+    <Stack gap="4">
       <div style={{backgroundColor: '#2AACBB', width: '586px'}}>
         <Box padding="4" width="586px">
           <Placeholder label="padding" childAlign="center" />
@@ -35,7 +34,7 @@ function BoxWithPaddingExample() {
           </Box>
         </div>
       </Inline>
-    </AlphaStack>
+    </Stack>
   );
 }
 
diff --git a/polaris.shopify.com/pages/examples/box-with-shadow.tsx b/polaris.shopify.com/pages/examples/box-with-shadow.tsx
index ab810dc232e..1cfe11ff81d 100644
--- a/polaris.shopify.com/pages/examples/box-with-shadow.tsx
+++ b/polaris.shopify.com/pages/examples/box-with-shadow.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {Box, Text} from '@shopify/polaris';
 
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
diff --git a/polaris.shopify.com/pages/examples/button-default.tsx b/polaris.shopify.com/pages/examples/button-default.tsx
index 3ba730b232a..036c4f2249c 100644
--- a/polaris.shopify.com/pages/examples/button-default.tsx
+++ b/polaris.shopify.com/pages/examples/button-default.tsx
@@ -1,5 +1,4 @@
 import {Button} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ButtonExample() {
diff --git a/polaris.shopify.com/pages/examples/button-destructive.tsx b/polaris.shopify.com/pages/examples/button-destructive.tsx
index 8ac32c70bd2..25a65305a22 100644
--- a/polaris.shopify.com/pages/examples/button-destructive.tsx
+++ b/polaris.shopify.com/pages/examples/button-destructive.tsx
@@ -1,5 +1,4 @@
 import {Button} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ButtonExample() {
diff --git a/polaris.shopify.com/pages/examples/button-disabled-state.tsx b/polaris.shopify.com/pages/examples/button-disabled-state.tsx
index d55927c7f9d..f747070cf15 100644
--- a/polaris.shopify.com/pages/examples/button-disabled-state.tsx
+++ b/polaris.shopify.com/pages/examples/button-disabled-state.tsx
@@ -1,5 +1,4 @@
 import {ButtonGroup, Button} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ButtonExample() {
diff --git a/polaris.shopify.com/pages/examples/button-full-width.tsx b/polaris.shopify.com/pages/examples/button-full-width.tsx
index 13d5b186934..4cfbf9c6c8c 100644
--- a/polaris.shopify.com/pages/examples/button-full-width.tsx
+++ b/polaris.shopify.com/pages/examples/button-full-width.tsx
@@ -1,5 +1,4 @@
 import {Button} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ButtonExample() {
diff --git a/polaris.shopify.com/pages/examples/button-group-default.tsx b/polaris.shopify.com/pages/examples/button-group-default.tsx
index e8ba4162632..02896389ef2 100644
--- a/polaris.shopify.com/pages/examples/button-group-default.tsx
+++ b/polaris.shopify.com/pages/examples/button-group-default.tsx
@@ -1,5 +1,4 @@
 import {ButtonGroup, Button} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ButtonGroupExample() {
diff --git a/polaris.shopify.com/pages/examples/button-group-outline-with-segmented-buttons.tsx b/polaris.shopify.com/pages/examples/button-group-outline-with-segmented-buttons.tsx
index dc38bafbb03..00804e53175 100644
--- a/polaris.shopify.com/pages/examples/button-group-outline-with-segmented-buttons.tsx
+++ b/polaris.shopify.com/pages/examples/button-group-outline-with-segmented-buttons.tsx
@@ -1,5 +1,4 @@
 import {ButtonGroup, Button} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ButtonGroupExample() {
diff --git a/polaris.shopify.com/pages/examples/button-group-with-segmented-buttons.tsx b/polaris.shopify.com/pages/examples/button-group-with-segmented-buttons.tsx
index 595242c32d1..7ef82d78526 100644
--- a/polaris.shopify.com/pages/examples/button-group-with-segmented-buttons.tsx
+++ b/polaris.shopify.com/pages/examples/button-group-with-segmented-buttons.tsx
@@ -1,5 +1,4 @@
 import {ButtonGroup, Button} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ButtonGroupExample() {
diff --git a/polaris.shopify.com/pages/examples/button-large.tsx b/polaris.shopify.com/pages/examples/button-large.tsx
index 2e47891c246..6807aabc05e 100644
--- a/polaris.shopify.com/pages/examples/button-large.tsx
+++ b/polaris.shopify.com/pages/examples/button-large.tsx
@@ -1,5 +1,4 @@
 import {Button} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ButtonExample() {
diff --git a/polaris.shopify.com/pages/examples/button-loading-state.tsx b/polaris.shopify.com/pages/examples/button-loading-state.tsx
index 8940ab715ae..026aff351bb 100644
--- a/polaris.shopify.com/pages/examples/button-loading-state.tsx
+++ b/polaris.shopify.com/pages/examples/button-loading-state.tsx
@@ -1,5 +1,4 @@
 import {Button} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ButtonExample() {
diff --git a/polaris.shopify.com/pages/examples/button-outline-monochrome.tsx b/polaris.shopify.com/pages/examples/button-outline-monochrome.tsx
index 2545223c12f..8cd2670dd12 100644
--- a/polaris.shopify.com/pages/examples/button-outline-monochrome.tsx
+++ b/polaris.shopify.com/pages/examples/button-outline-monochrome.tsx
@@ -1,5 +1,4 @@
 import {Button} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ButtonExample() {
diff --git a/polaris.shopify.com/pages/examples/button-outline.tsx b/polaris.shopify.com/pages/examples/button-outline.tsx
index 0f31768401a..6814785868b 100644
--- a/polaris.shopify.com/pages/examples/button-outline.tsx
+++ b/polaris.shopify.com/pages/examples/button-outline.tsx
@@ -1,5 +1,4 @@
 import {Button} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ButtonExample() {
diff --git a/polaris.shopify.com/pages/examples/button-plain-destructive.tsx b/polaris.shopify.com/pages/examples/button-plain-destructive.tsx
index 744e3b63362..7c3686405b7 100644
--- a/polaris.shopify.com/pages/examples/button-plain-destructive.tsx
+++ b/polaris.shopify.com/pages/examples/button-plain-destructive.tsx
@@ -1,5 +1,4 @@
 import {Button} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ButtonExample() {
diff --git a/polaris.shopify.com/pages/examples/button-plain-monochrome.tsx b/polaris.shopify.com/pages/examples/button-plain-monochrome.tsx
index 8160eaa542d..7dca7a668bd 100644
--- a/polaris.shopify.com/pages/examples/button-plain-monochrome.tsx
+++ b/polaris.shopify.com/pages/examples/button-plain-monochrome.tsx
@@ -1,5 +1,4 @@
 import {Button} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ButtonExample() {
diff --git a/polaris.shopify.com/pages/examples/button-plain.tsx b/polaris.shopify.com/pages/examples/button-plain.tsx
index 85859fad096..abfedc484ee 100644
--- a/polaris.shopify.com/pages/examples/button-plain.tsx
+++ b/polaris.shopify.com/pages/examples/button-plain.tsx
@@ -1,5 +1,4 @@
 import {Button} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ButtonExample() {
diff --git a/polaris.shopify.com/pages/examples/button-primary.tsx b/polaris.shopify.com/pages/examples/button-primary.tsx
index c89d055051e..efce94bf079 100644
--- a/polaris.shopify.com/pages/examples/button-primary.tsx
+++ b/polaris.shopify.com/pages/examples/button-primary.tsx
@@ -1,5 +1,4 @@
 import {Button} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ButtonExample() {
diff --git a/polaris.shopify.com/pages/examples/button-select-disclosure.tsx b/polaris.shopify.com/pages/examples/button-select-disclosure.tsx
index 73c5e1ecf06..1c819ff12a6 100644
--- a/polaris.shopify.com/pages/examples/button-select-disclosure.tsx
+++ b/polaris.shopify.com/pages/examples/button-select-disclosure.tsx
@@ -1,5 +1,4 @@
 import {Button} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ButtonExample() {
diff --git a/polaris.shopify.com/pages/examples/button-slim.tsx b/polaris.shopify.com/pages/examples/button-slim.tsx
index 2d072b1bcc2..5519d8091db 100644
--- a/polaris.shopify.com/pages/examples/button-slim.tsx
+++ b/polaris.shopify.com/pages/examples/button-slim.tsx
@@ -1,5 +1,4 @@
 import {Button} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ButtonExample() {
diff --git a/polaris.shopify.com/pages/examples/button-split.tsx b/polaris.shopify.com/pages/examples/button-split.tsx
index 6f2f800677f..2f562faae3f 100644
--- a/polaris.shopify.com/pages/examples/button-split.tsx
+++ b/polaris.shopify.com/pages/examples/button-split.tsx
@@ -1,5 +1,4 @@
 import {Button} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ButtonExample() {
diff --git a/polaris.shopify.com/pages/examples/button-text-aligned.tsx b/polaris.shopify.com/pages/examples/button-text-aligned.tsx
index b98cc2a3d83..b161bcd45a7 100644
--- a/polaris.shopify.com/pages/examples/button-text-aligned.tsx
+++ b/polaris.shopify.com/pages/examples/button-text-aligned.tsx
@@ -1,5 +1,4 @@
 import {Button} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ButtonExample() {
diff --git a/polaris.shopify.com/pages/examples/callout-card-default.tsx b/polaris.shopify.com/pages/examples/callout-card-default.tsx
index 37659536183..74433652b60 100644
--- a/polaris.shopify.com/pages/examples/callout-card-default.tsx
+++ b/polaris.shopify.com/pages/examples/callout-card-default.tsx
@@ -1,5 +1,4 @@
 import {CalloutCard} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function Example() {
diff --git a/polaris.shopify.com/pages/examples/callout-card-dismissable.tsx b/polaris.shopify.com/pages/examples/callout-card-dismissable.tsx
index edf7faeb505..655bf436e78 100644
--- a/polaris.shopify.com/pages/examples/callout-card-dismissable.tsx
+++ b/polaris.shopify.com/pages/examples/callout-card-dismissable.tsx
@@ -1,5 +1,4 @@
 import {CalloutCard} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function Example() {
diff --git a/polaris.shopify.com/pages/examples/callout-card-with-secondary-action.tsx b/polaris.shopify.com/pages/examples/callout-card-with-secondary-action.tsx
index 2ad2aa532b4..1f346142e23 100644
--- a/polaris.shopify.com/pages/examples/callout-card-with-secondary-action.tsx
+++ b/polaris.shopify.com/pages/examples/callout-card-with-secondary-action.tsx
@@ -1,5 +1,4 @@
 import {CalloutCard} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function Example() {
diff --git a/polaris.shopify.com/pages/examples/card-with-rounded-corners.tsx b/polaris.shopify.com/pages/examples/card-with-rounded-corners.tsx
new file mode 100644
index 00000000000..ac06cb520c0
--- /dev/null
+++ b/polaris.shopify.com/pages/examples/card-with-rounded-corners.tsx
@@ -0,0 +1,14 @@
+import {Card, Text} from '@shopify/polaris';
+import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
+
+function CardExample() {
+  return (
+    <Card roundedAbove="md">
+      <Text as="h2" variant="bodyMd">
+        Content inside a card
+      </Text>
+    </Card>
+  );
+}
+
+export default withPolarisExample(CardExample);
diff --git a/polaris.shopify.com/pages/examples/card-with-subdued-background.tsx b/polaris.shopify.com/pages/examples/card-with-subdued-background.tsx
new file mode 100644
index 00000000000..a101bd43121
--- /dev/null
+++ b/polaris.shopify.com/pages/examples/card-with-subdued-background.tsx
@@ -0,0 +1,14 @@
+import {Card, Text} from '@shopify/polaris';
+import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
+
+function CardExample() {
+  return (
+    <Card background="surface-subdued">
+      <Text as="h2" variant="bodyMd">
+        Content inside a card
+      </Text>
+    </Card>
+  );
+}
+
+export default withPolarisExample(CardExample);
diff --git a/polaris.shopify.com/pages/examples/alpha-card-with-varying-padding.tsx b/polaris.shopify.com/pages/examples/card-with-varying-padding.tsx
similarity index 63%
rename from polaris.shopify.com/pages/examples/alpha-card-with-varying-padding.tsx
rename to polaris.shopify.com/pages/examples/card-with-varying-padding.tsx
index 867804c38bc..a59cbdabdaf 100644
--- a/polaris.shopify.com/pages/examples/alpha-card-with-varying-padding.tsx
+++ b/polaris.shopify.com/pages/examples/card-with-varying-padding.tsx
@@ -1,23 +1,22 @@
-import {AlphaCard, Text, AlphaStack} from '@shopify/polaris';
-import React from 'react';
+import {Card, Text, Stack} from '@shopify/polaris';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
-function AlphaCardExample() {
+function CardExample() {
   return (
-    <AlphaStack gap="4">
-      <AlphaCard>
+    <Stack gap="4">
+      <Card>
         <Placeholder label="Content inside a card" />
-      </AlphaCard>
-      <AlphaCard padding="4">
+      </Card>
+      <Card padding="4">
         <Placeholder label="Content inside a card" />
-      </AlphaCard>
-      <AlphaCard padding="2">
+      </Card>
+      <Card padding="2">
         <Placeholder label="Content inside a card" />
-      </AlphaCard>
-      <AlphaCard padding="0">
+      </Card>
+      <Card padding="0">
         <Placeholder label="Content inside a card" />
-      </AlphaCard>
-    </AlphaStack>
+      </Card>
+    </Stack>
   );
 }
 
@@ -43,4 +42,4 @@ const Placeholder = ({label = '', height = 'auto', width = 'auto'}) => {
   );
 };
 
-export default withPolarisExample(AlphaCardExample);
+export default withPolarisExample(CardExample);
diff --git a/polaris.shopify.com/pages/examples/columns-with-fixed-widths.tsx b/polaris.shopify.com/pages/examples/columns-with-fixed-widths.tsx
index 2e5f1e8d2ee..c92c79f6305 100644
--- a/polaris.shopify.com/pages/examples/columns-with-fixed-widths.tsx
+++ b/polaris.shopify.com/pages/examples/columns-with-fixed-widths.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {Columns, Text, Inline} from '@shopify/polaris';
 
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
diff --git a/polaris.shopify.com/pages/examples/columns-with-set-number.tsx b/polaris.shopify.com/pages/examples/columns-with-set-number.tsx
index 4a86a11fe46..1a1682de0b2 100644
--- a/polaris.shopify.com/pages/examples/columns-with-set-number.tsx
+++ b/polaris.shopify.com/pages/examples/columns-with-set-number.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {Columns} from '@shopify/polaris';
 
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
diff --git a/polaris.shopify.com/pages/examples/columns-with-varying-gap.tsx b/polaris.shopify.com/pages/examples/columns-with-varying-gap.tsx
index de843f7eab2..ad5f9562bc2 100644
--- a/polaris.shopify.com/pages/examples/columns-with-varying-gap.tsx
+++ b/polaris.shopify.com/pages/examples/columns-with-varying-gap.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {Columns} from '@shopify/polaris';
 
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
diff --git a/polaris.shopify.com/pages/examples/contextual-save-bar-default.tsx b/polaris.shopify.com/pages/examples/contextual-save-bar-default.tsx
index 9ed55c25986..c0abbcee691 100644
--- a/polaris.shopify.com/pages/examples/contextual-save-bar-default.tsx
+++ b/polaris.shopify.com/pages/examples/contextual-save-bar-default.tsx
@@ -1,5 +1,4 @@
 import {Frame, ContextualSaveBar} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function Example() {
diff --git a/polaris.shopify.com/pages/examples/contextual-save-bar-with-flush-contents.tsx b/polaris.shopify.com/pages/examples/contextual-save-bar-with-flush-contents.tsx
index 617d134b278..9afa44d2447 100644
--- a/polaris.shopify.com/pages/examples/contextual-save-bar-with-flush-contents.tsx
+++ b/polaris.shopify.com/pages/examples/contextual-save-bar-with-flush-contents.tsx
@@ -1,5 +1,4 @@
 import {Frame, ContextualSaveBar} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function Example() {
diff --git a/polaris.shopify.com/pages/examples/contextual-save-bar-with-full-width.tsx b/polaris.shopify.com/pages/examples/contextual-save-bar-with-full-width.tsx
index 48a5112f661..ea04794343e 100644
--- a/polaris.shopify.com/pages/examples/contextual-save-bar-with-full-width.tsx
+++ b/polaris.shopify.com/pages/examples/contextual-save-bar-with-full-width.tsx
@@ -1,5 +1,4 @@
 import {Frame, ContextualSaveBar} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function Example() {
diff --git a/polaris.shopify.com/pages/examples/data-table-default.tsx b/polaris.shopify.com/pages/examples/data-table-default.tsx
index da4484f6f61..9c5e0b38338 100644
--- a/polaris.shopify.com/pages/examples/data-table-default.tsx
+++ b/polaris.shopify.com/pages/examples/data-table-default.tsx
@@ -1,5 +1,4 @@
 import {Page, LegacyCard, DataTable} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function DataTableExample() {
diff --git a/polaris.shopify.com/pages/examples/data-table-with-custom-totals-heading.tsx b/polaris.shopify.com/pages/examples/data-table-with-custom-totals-heading.tsx
index 542832f8a3a..4e41819bd72 100644
--- a/polaris.shopify.com/pages/examples/data-table-with-custom-totals-heading.tsx
+++ b/polaris.shopify.com/pages/examples/data-table-with-custom-totals-heading.tsx
@@ -1,5 +1,4 @@
 import {Page, LegacyCard, DataTable} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function DataTableExample() {
diff --git a/polaris.shopify.com/pages/examples/data-table-with-footer.tsx b/polaris.shopify.com/pages/examples/data-table-with-footer.tsx
index 2d23338b5f2..2e0bed84cdb 100644
--- a/polaris.shopify.com/pages/examples/data-table-with-footer.tsx
+++ b/polaris.shopify.com/pages/examples/data-table-with-footer.tsx
@@ -1,5 +1,4 @@
 import {Page, LegacyCard, DataTable} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function DataTableFooterExample() {
diff --git a/polaris.shopify.com/pages/examples/data-table-with-row-heading-links.tsx b/polaris.shopify.com/pages/examples/data-table-with-row-heading-links.tsx
index e03e2932903..5dacbe3d143 100644
--- a/polaris.shopify.com/pages/examples/data-table-with-row-heading-links.tsx
+++ b/polaris.shopify.com/pages/examples/data-table-with-row-heading-links.tsx
@@ -1,5 +1,4 @@
 import {Link, Page, LegacyCard, DataTable} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function DataTableLinkExample() {
diff --git a/polaris.shopify.com/pages/examples/data-table-with-totals-in-footer.tsx b/polaris.shopify.com/pages/examples/data-table-with-totals-in-footer.tsx
index 9a2fc2f7ffb..95a577e66a4 100644
--- a/polaris.shopify.com/pages/examples/data-table-with-totals-in-footer.tsx
+++ b/polaris.shopify.com/pages/examples/data-table-with-totals-in-footer.tsx
@@ -1,5 +1,4 @@
 import {Page, LegacyCard, DataTable} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function DataTableExample() {
diff --git a/polaris.shopify.com/pages/examples/deprecated-card-default.tsx b/polaris.shopify.com/pages/examples/deprecated-card-default.tsx
index d6d4d282497..b191844ae9e 100644
--- a/polaris.shopify.com/pages/examples/deprecated-card-default.tsx
+++ b/polaris.shopify.com/pages/examples/deprecated-card-default.tsx
@@ -1,11 +1,12 @@
-import {Card} from '@shopify/polaris';
-import React from 'react';
+import {Card, Text} from '@shopify/polaris';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function CardExample() {
   return (
-    <Card title="Online store dashboard" sectioned>
-      <p>View a summary of your online store’s performance.</p>
+    <Card>
+      <Text as="h2" variant="bodyMd">
+        Content inside a card
+      </Text>
     </Card>
   );
 }
diff --git a/polaris.shopify.com/pages/examples/deprecated-card-with-a-subdued-section.tsx b/polaris.shopify.com/pages/examples/deprecated-card-with-a-subdued-section.tsx
deleted file mode 100644
index 8688b8dd5a9..00000000000
--- a/polaris.shopify.com/pages/examples/deprecated-card-with-a-subdued-section.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import {Card, List} from '@shopify/polaris';
-import React from 'react';
-import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
-
-function CardExample() {
-  return (
-    <Card title="Staff accounts">
-      <Card.Section>
-        <List>
-          <List.Item>Felix Crafford</List.Item>
-          <List.Item>Ezequiel Manno</List.Item>
-        </List>
-      </Card.Section>
-      <Card.Section subdued title="Deactivated staff accounts">
-        <List>
-          <List.Item>Felix Crafford</List.Item>
-          <List.Item>Ezequiel Manno</List.Item>
-        </List>
-      </Card.Section>
-    </Card>
-  );
-}
-
-export default withPolarisExample(CardExample);
diff --git a/polaris.shopify.com/pages/examples/deprecated-card-with-all-elements.tsx b/polaris.shopify.com/pages/examples/deprecated-card-with-all-elements.tsx
deleted file mode 100644
index 73d0e53db74..00000000000
--- a/polaris.shopify.com/pages/examples/deprecated-card-with-all-elements.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-import {
-  Card,
-  Popover,
-  Button,
-  ActionList,
-  TextContainer,
-  ResourceList,
-  LegacyStack,
-  List,
-} from '@shopify/polaris';
-import React from 'react';
-import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
-
-function CardExample() {
-  return (
-    <Card
-      secondaryFooterActions={[{content: 'Dismiss'}]}
-      primaryFooterAction={{content: 'Export Report'}}
-    >
-      <Card.Header
-        actions={[
-          {
-            content: 'Total Sales',
-          },
-        ]}
-        title="Sales"
-      >
-        <Popover
-          active={false}
-          activator={
-            <Button disclosure plain>
-              View Sales
-            </Button>
-          }
-          onClose={() => {}}
-        >
-          <ActionList
-            items={[{content: 'Gross Sales'}, {content: 'Net Sales'}]}
-          />
-        </Popover>
-      </Card.Header>
-      <Card.Section>
-        <TextContainer>
-          You can use sales reports to see information about your customers’
-          orders based on criteria such as sales over time, by channel, or by
-          staff.
-        </TextContainer>
-      </Card.Section>
-      <Card.Section title="Total Sales Breakdown">
-        <ResourceList
-          resourceName={{singular: 'sale', plural: 'sales'}}
-          items={[
-            {
-              sales: 'Orders',
-              amount: 'USD$0.00',
-              url: '#',
-            },
-            {
-              sales: 'Returns',
-              amount: '-USD$250.00',
-              url: '#',
-            },
-          ]}
-          renderItem={(item) => {
-            const {sales, amount, url} = item;
-            return (
-              <ResourceList.Item
-                url={url}
-                accessibilityLabel={`View Sales for ${sales}`}
-              >
-                <LegacyStack>
-                  <LegacyStack.Item fill>{sales}</LegacyStack.Item>
-                  <LegacyStack.Item>{amount}</LegacyStack.Item>
-                </LegacyStack>
-              </ResourceList.Item>
-            );
-          }}
-        />
-      </Card.Section>
-      <Card.Section title="Deactivated reports" subdued>
-        <List>
-          <List.Item>Payouts</List.Item>
-          <List.Item>Total Sales By Channel</List.Item>
-        </List>
-      </Card.Section>
-      <Card.Section title="Note">
-        <TextContainer>
-          The sales reports are available only if your store is on the Shopify
-          plan or higher.
-        </TextContainer>
-      </Card.Section>
-    </Card>
-  );
-}
-
-export default withPolarisExample(CardExample);
diff --git a/polaris.shopify.com/pages/examples/deprecated-card-with-custom-footer-actions.tsx b/polaris.shopify.com/pages/examples/deprecated-card-with-custom-footer-actions.tsx
deleted file mode 100644
index 3639d8d0aaa..00000000000
--- a/polaris.shopify.com/pages/examples/deprecated-card-with-custom-footer-actions.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import {LegacyCard, LegacyStack, ButtonGroup, Button} from '@shopify/polaris';
-import React from 'react';
-import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
-
-function CardExample() {
-  return (
-    <LegacyCard title="Secure your account with 2-step authentication">
-      <LegacyCard.Section>
-        <LegacyStack spacing="loose" vertical>
-          <p>
-            Two-step authentication adds an extra layer of security when logging
-            in to your account. A special code will be required each time you
-            log in, ensuring only you can access your account.
-          </p>
-          <LegacyStack distribution="trailing">
-            <ButtonGroup>
-              <Button>Enable two-step authentication</Button>
-              <Button plain>Learn more</Button>
-            </ButtonGroup>
-          </LegacyStack>
-        </LegacyStack>
-      </LegacyCard.Section>
-    </LegacyCard>
-  );
-}
-
-export default withPolarisExample(CardExample);
diff --git a/polaris.shopify.com/pages/examples/deprecated-card-with-custom-react-node-title.tsx b/polaris.shopify.com/pages/examples/deprecated-card-with-custom-react-node-title.tsx
deleted file mode 100644
index 1eb354ddfa1..00000000000
--- a/polaris.shopify.com/pages/examples/deprecated-card-with-custom-react-node-title.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import {Card, LegacyStack, Icon, List, Text} from '@shopify/polaris';
-import {ProductsMajor} from '@shopify/polaris-icons';
-import React from 'react';
-import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
-
-function CardExample() {
-  return (
-    <Card title="Products">
-      <Card.Section
-        title={
-          <LegacyStack>
-            <Icon source={ProductsMajor} />
-            <Text variant="headingXs" as="h3">
-              New Products
-            </Text>
-          </LegacyStack>
-        }
-      >
-        <List>
-          <List.Item>Socks</List.Item>
-          <List.Item>Super Shoes</List.Item>
-        </List>
-      </Card.Section>
-    </Card>
-  );
-}
-
-export default withPolarisExample(CardExample);
diff --git a/polaris.shopify.com/pages/examples/deprecated-card-with-destructive-action.tsx b/polaris.shopify.com/pages/examples/deprecated-card-with-destructive-action.tsx
deleted file mode 100644
index 8adbe3e272e..00000000000
--- a/polaris.shopify.com/pages/examples/deprecated-card-with-destructive-action.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import {Card} from '@shopify/polaris';
-import React from 'react';
-import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
-
-function CardExample() {
-  return (
-    <Card title="Customer">
-      <Card.Section>
-        <p>John Smith</p>
-      </Card.Section>
-      <Card.Section
-        title="Contact Information"
-        actions={[{content: 'Delete', destructive: true}, {content: 'Edit'}]}
-      >
-        <p>john.smith@example.com</p>
-      </Card.Section>
-    </Card>
-  );
-}
-
-export default withPolarisExample(CardExample);
diff --git a/polaris.shopify.com/pages/examples/deprecated-card-with-destructive-footer-action.tsx b/polaris.shopify.com/pages/examples/deprecated-card-with-destructive-footer-action.tsx
deleted file mode 100644
index 7b5ed2be756..00000000000
--- a/polaris.shopify.com/pages/examples/deprecated-card-with-destructive-footer-action.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import {Card, List} from '@shopify/polaris';
-import React from 'react';
-import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
-
-function CardExample() {
-  return (
-    <Card
-      title="Shipment 1234"
-      secondaryFooterActions={[{content: 'Cancel shipment', destructive: true}]}
-      primaryFooterAction={{content: 'Add tracking number'}}
-    >
-      <Card.Section title="Items">
-        <List>
-          <List.Item>1 × Oasis Glass, 4-Pack</List.Item>
-          <List.Item>1 × Anubis Cup, 2-Pack</List.Item>
-        </List>
-      </Card.Section>
-    </Card>
-  );
-}
-
-export default withPolarisExample(CardExample);
diff --git a/polaris.shopify.com/pages/examples/deprecated-card-with-flushed-sections.tsx b/polaris.shopify.com/pages/examples/deprecated-card-with-flushed-sections.tsx
deleted file mode 100644
index d92188de877..00000000000
--- a/polaris.shopify.com/pages/examples/deprecated-card-with-flushed-sections.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import {Card, Image, TextContainer} from '@shopify/polaris';
-import React from 'react';
-import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
-
-function CardExample() {
-  return (
-    <Card>
-      <Card.Section flush>
-        <Image
-          source="https://burst.shopifycdn.com/photos/black-orange-stripes_373x@2x.jpg"
-          alt="a sheet with purple and orange stripes"
-        />
-      </Card.Section>
-      <Card.Section subdued>
-        <TextContainer>
-          You can use sales reports to see information about your customers’
-          orders based on criteria such as sales over time, by channel, or by
-          staff.
-        </TextContainer>
-      </Card.Section>
-    </Card>
-  );
-}
-
-export default withPolarisExample(CardExample);
diff --git a/polaris.shopify.com/pages/examples/deprecated-card-with-footer-actions.tsx b/polaris.shopify.com/pages/examples/deprecated-card-with-footer-actions.tsx
deleted file mode 100644
index 762d8abe773..00000000000
--- a/polaris.shopify.com/pages/examples/deprecated-card-with-footer-actions.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import {Card, List} from '@shopify/polaris';
-import React from 'react';
-import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
-
-function CardExample() {
-  return (
-    <Card
-      title="Shipment 1234"
-      secondaryFooterActions={[{content: 'Edit shipment'}]}
-      primaryFooterAction={{content: 'Add tracking number'}}
-    >
-      <Card.Section title="Items">
-        <List>
-          <List.Item>1 × Oasis Glass, 4-Pack</List.Item>
-          <List.Item>1 × Anubis Cup, 2-Pack</List.Item>
-        </List>
-      </Card.Section>
-    </Card>
-  );
-}
-
-export default withPolarisExample(CardExample);
diff --git a/polaris.shopify.com/pages/examples/deprecated-card-with-header-actions.tsx b/polaris.shopify.com/pages/examples/deprecated-card-with-header-actions.tsx
deleted file mode 100644
index bedf0ccec79..00000000000
--- a/polaris.shopify.com/pages/examples/deprecated-card-with-header-actions.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import {Card} from '@shopify/polaris';
-import React from 'react';
-import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
-
-function CardExample() {
-  return (
-    <Card sectioned title="Variants" actions={[{content: 'Add variant'}]}>
-      <p>
-        Add variants if this product comes in multiple versions, like different
-        sizes or colors.
-      </p>
-    </Card>
-  );
-}
-
-export default withPolarisExample(CardExample);
diff --git a/polaris.shopify.com/pages/examples/deprecated-card-with-multiple-footer-actions.tsx b/polaris.shopify.com/pages/examples/deprecated-card-with-multiple-footer-actions.tsx
deleted file mode 100644
index 5c5b383f34b..00000000000
--- a/polaris.shopify.com/pages/examples/deprecated-card-with-multiple-footer-actions.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import {Card, List} from '@shopify/polaris';
-import React from 'react';
-import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
-
-function CardExample() {
-  return (
-    <Card
-      title="Shipment 1234"
-      secondaryFooterActions={[
-        {content: 'Cancel shipment', destructive: true},
-        {content: 'Add another shipment', disabled: true},
-      ]}
-      primaryFooterAction={{content: 'Add tracking number'}}
-    >
-      <Card.Section title="Items">
-        <List>
-          <List.Item>1 × Oasis Glass, 4-Pack</List.Item>
-          <List.Item>1 × Anubis Cup, 2-Pack</List.Item>
-        </List>
-      </Card.Section>
-    </Card>
-  );
-}
-
-export default withPolarisExample(CardExample);
diff --git a/polaris.shopify.com/pages/examples/deprecated-card-with-multiple-sections.tsx b/polaris.shopify.com/pages/examples/deprecated-card-with-multiple-sections.tsx
deleted file mode 100644
index c45601246a6..00000000000
--- a/polaris.shopify.com/pages/examples/deprecated-card-with-multiple-sections.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import {Card} from '@shopify/polaris';
-import React from 'react';
-import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
-
-function CardExample() {
-  return (
-    <Card title="Online store dashboard">
-      <Card.Section>
-        <p>View a summary of your online store’s performance.</p>
-      </Card.Section>
-      <Card.Section>
-        <p>
-          View a summary of your online store’s performance, including sales,
-          visitors, top products, and referrals.
-        </p>
-      </Card.Section>
-    </Card>
-  );
-}
-
-export default withPolarisExample(CardExample);
diff --git a/polaris.shopify.com/pages/examples/deprecated-card-with-multiple-titled-sections.tsx b/polaris.shopify.com/pages/examples/deprecated-card-with-multiple-titled-sections.tsx
deleted file mode 100644
index 88e470bd1cd..00000000000
--- a/polaris.shopify.com/pages/examples/deprecated-card-with-multiple-titled-sections.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import {Card} from '@shopify/polaris';
-import React from 'react';
-import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
-
-function CardExample() {
-  return (
-    <Card title="Online store dashboard">
-      <Card.Section title="Reports">
-        <p>View a summary of your online store’s performance.</p>
-      </Card.Section>
-      <Card.Section title="Summary">
-        <p>
-          View a summary of your online store’s performance, including sales,
-          visitors, top products, and referrals.
-        </p>
-      </Card.Section>
-    </Card>
-  );
-}
-
-export default withPolarisExample(CardExample);
diff --git a/polaris.shopify.com/pages/examples/deprecated-card-with-sections-and-actions.tsx b/polaris.shopify.com/pages/examples/deprecated-card-with-sections-and-actions.tsx
deleted file mode 100644
index 1db87cb7304..00000000000
--- a/polaris.shopify.com/pages/examples/deprecated-card-with-sections-and-actions.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import {Card} from '@shopify/polaris';
-import React from 'react';
-import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
-
-function CardExample() {
-  return (
-    <Card title="Customer">
-      <Card.Section>
-        <p>John Smith</p>
-      </Card.Section>
-      <Card.Section title="Contact Information" actions={[{content: 'Edit'}]}>
-        <p>john.smith@example.com</p>
-      </Card.Section>
-    </Card>
-  );
-}
-
-export default withPolarisExample(CardExample);
diff --git a/polaris.shopify.com/pages/examples/deprecated-card-with-separate-header.tsx b/polaris.shopify.com/pages/examples/deprecated-card-with-separate-header.tsx
deleted file mode 100644
index c764f6a6488..00000000000
--- a/polaris.shopify.com/pages/examples/deprecated-card-with-separate-header.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import {Card, Popover, Button, ActionList, List} from '@shopify/polaris';
-import React from 'react';
-import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
-
-function CardExample() {
-  return (
-    <Card>
-      <Card.Header
-        actions={[
-          {
-            content: 'Preview',
-          },
-        ]}
-        title="Staff accounts"
-      >
-        <Popover
-          active
-          activator={
-            <Button disclosure plain>
-              Add account
-            </Button>
-          }
-          onClose={() => {}}
-        >
-          <ActionList items={[{content: 'Member'}, {content: 'Admin'}]} />
-        </Popover>
-      </Card.Header>
-      <Card.Section>
-        <List>
-          <List.Item>Felix Crafford</List.Item>
-          <List.Item>Ezequiel Manno</List.Item>
-        </List>
-      </Card.Section>
-    </Card>
-  );
-}
-
-export default withPolarisExample(CardExample);
diff --git a/polaris.shopify.com/pages/examples/deprecated-card-with-subdued-for-secondary-content.tsx b/polaris.shopify.com/pages/examples/deprecated-card-with-subdued-for-secondary-content.tsx
deleted file mode 100644
index cbe2dcb9815..00000000000
--- a/polaris.shopify.com/pages/examples/deprecated-card-with-subdued-for-secondary-content.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import {Card, List} from '@shopify/polaris';
-import React from 'react';
-import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
-
-function CardExample() {
-  return (
-    <Card title="Deactivated staff accounts" sectioned subdued>
-      <List>
-        <List.Item>Felix Crafford</List.Item>
-        <List.Item>Ezequiel Manno</List.Item>
-      </List>
-    </Card>
-  );
-}
-
-export default withPolarisExample(CardExample);
diff --git a/polaris.shopify.com/pages/examples/deprecated-card-with-subsection.tsx b/polaris.shopify.com/pages/examples/deprecated-card-with-subsection.tsx
deleted file mode 100644
index ed71c4e4295..00000000000
--- a/polaris.shopify.com/pages/examples/deprecated-card-with-subsection.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import {Card} from '@shopify/polaris';
-import React from 'react';
-import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
-
-function CardExample() {
-  return (
-    <Card title="Customer">
-      <Card.Section>
-        <p>John Smith</p>
-      </Card.Section>
-      <Card.Section title="Addresses">
-        <Card.Subsection>
-          123 First St
-          <br />
-          Somewhere
-          <br />
-          The Universe
-        </Card.Subsection>
-        <Card.Subsection>
-          123 Second St
-          <br />
-          Somewhere
-          <br />
-          The Universe
-        </Card.Subsection>
-      </Card.Section>
-      <Card.Section>
-        <Card.Subsection>
-          A single subsection without a sibling has no visual appearance
-        </Card.Subsection>
-      </Card.Section>
-    </Card>
-  );
-}
-
-export default withPolarisExample(CardExample);
diff --git a/polaris.shopify.com/pages/examples/description-list-default.tsx b/polaris.shopify.com/pages/examples/description-list-default.tsx
index 9280b65a031..5bf57d79acd 100644
--- a/polaris.shopify.com/pages/examples/description-list-default.tsx
+++ b/polaris.shopify.com/pages/examples/description-list-default.tsx
@@ -1,5 +1,4 @@
 import {DescriptionList} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function Example() {
diff --git a/polaris.shopify.com/pages/examples/divider-with-border-styles.tsx b/polaris.shopify.com/pages/examples/divider-with-border-styles.tsx
index 34d2b0197dc..4d3b8794743 100644
--- a/polaris.shopify.com/pages/examples/divider-with-border-styles.tsx
+++ b/polaris.shopify.com/pages/examples/divider-with-border-styles.tsx
@@ -1,11 +1,10 @@
-import React from 'react';
-import {Divider, Text, AlphaStack} from '@shopify/polaris';
+import {Divider, Text, Stack} from '@shopify/polaris';
 
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function DividerWithBorderStylesExample() {
   return (
-    <AlphaStack gap="5">
+    <Stack gap="5">
       <Text as="h1" variant="headingXs">
         Base
       </Text>
@@ -26,7 +25,7 @@ function DividerWithBorderStylesExample() {
         Transparent
       </Text>
       <Divider borderStyle="transparent" />
-    </AlphaStack>
+    </Stack>
   );
 }
 
diff --git a/polaris.shopify.com/pages/examples/drop-zone-medium-sized.tsx b/polaris.shopify.com/pages/examples/drop-zone-medium-sized.tsx
index f42992c7a9c..7a15508cd36 100644
--- a/polaris.shopify.com/pages/examples/drop-zone-medium-sized.tsx
+++ b/polaris.shopify.com/pages/examples/drop-zone-medium-sized.tsx
@@ -1,5 +1,4 @@
 import {DropZone} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function DropZoneExample() {
diff --git a/polaris.shopify.com/pages/examples/drop-zone-small-sized.tsx b/polaris.shopify.com/pages/examples/drop-zone-small-sized.tsx
index bd3620e5204..71c62b7b93f 100644
--- a/polaris.shopify.com/pages/examples/drop-zone-small-sized.tsx
+++ b/polaris.shopify.com/pages/examples/drop-zone-small-sized.tsx
@@ -1,5 +1,4 @@
 import {DropZone} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function DropZoneExample() {
diff --git a/polaris.shopify.com/pages/examples/drop-zone-with-a-label.tsx b/polaris.shopify.com/pages/examples/drop-zone-with-a-label.tsx
index 189dbb8f4ab..af131166675 100644
--- a/polaris.shopify.com/pages/examples/drop-zone-with-a-label.tsx
+++ b/polaris.shopify.com/pages/examples/drop-zone-with-a-label.tsx
@@ -1,5 +1,4 @@
 import {DropZone} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function DropZoneExample() {
diff --git a/polaris.shopify.com/pages/examples/empty-state-default.tsx b/polaris.shopify.com/pages/examples/empty-state-default.tsx
index ed3f43d14a1..9e4859dae60 100644
--- a/polaris.shopify.com/pages/examples/empty-state-default.tsx
+++ b/polaris.shopify.com/pages/examples/empty-state-default.tsx
@@ -1,5 +1,4 @@
 import {LegacyCard, EmptyState} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function EmptyStateExample() {
diff --git a/polaris.shopify.com/pages/examples/empty-state-with-full-width-layout.tsx b/polaris.shopify.com/pages/examples/empty-state-with-full-width-layout.tsx
index 49ef1461c6d..6da3386ce88 100644
--- a/polaris.shopify.com/pages/examples/empty-state-with-full-width-layout.tsx
+++ b/polaris.shopify.com/pages/examples/empty-state-with-full-width-layout.tsx
@@ -1,5 +1,4 @@
 import {LegacyCard, EmptyState} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function EmptyStateExample() {
diff --git a/polaris.shopify.com/pages/examples/empty-state-with-subdued-footer-context.tsx b/polaris.shopify.com/pages/examples/empty-state-with-subdued-footer-context.tsx
index f7b7e7fcab3..bd3a72b650e 100644
--- a/polaris.shopify.com/pages/examples/empty-state-with-subdued-footer-context.tsx
+++ b/polaris.shopify.com/pages/examples/empty-state-with-subdued-footer-context.tsx
@@ -1,5 +1,4 @@
 import {LegacyCard, EmptyState, Link} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function EmptyStateExample() {
diff --git a/polaris.shopify.com/pages/examples/exception-list-default.tsx b/polaris.shopify.com/pages/examples/exception-list-default.tsx
index f4f131f250a..36c090906b0 100644
--- a/polaris.shopify.com/pages/examples/exception-list-default.tsx
+++ b/polaris.shopify.com/pages/examples/exception-list-default.tsx
@@ -1,6 +1,5 @@
 import {ExceptionList} from '@shopify/polaris';
 import {NoteMinor} from '@shopify/polaris-icons';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ExceptionListExample() {
diff --git a/polaris.shopify.com/pages/examples/footer-help-default.tsx b/polaris.shopify.com/pages/examples/footer-help-default.tsx
index 4eb2bc710d5..9b40cecb72a 100644
--- a/polaris.shopify.com/pages/examples/footer-help-default.tsx
+++ b/polaris.shopify.com/pages/examples/footer-help-default.tsx
@@ -1,5 +1,4 @@
 import {FooterHelp, Link} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function FooterHelpExample() {
diff --git a/polaris.shopify.com/pages/examples/form-layout-condensed-field-group.tsx b/polaris.shopify.com/pages/examples/form-layout-condensed-field-group.tsx
index 4610ff0e895..7471cc597bf 100644
--- a/polaris.shopify.com/pages/examples/form-layout-condensed-field-group.tsx
+++ b/polaris.shopify.com/pages/examples/form-layout-condensed-field-group.tsx
@@ -1,5 +1,4 @@
 import {FormLayout, TextField} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function Example() {
diff --git a/polaris.shopify.com/pages/examples/form-layout-default.tsx b/polaris.shopify.com/pages/examples/form-layout-default.tsx
index 32858bde808..d4de583326b 100644
--- a/polaris.shopify.com/pages/examples/form-layout-default.tsx
+++ b/polaris.shopify.com/pages/examples/form-layout-default.tsx
@@ -1,5 +1,4 @@
 import {FormLayout, TextField} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function Example() {
diff --git a/polaris.shopify.com/pages/examples/form-layout-field-group.tsx b/polaris.shopify.com/pages/examples/form-layout-field-group.tsx
index 641e9d5abe7..0b2d33ec04a 100644
--- a/polaris.shopify.com/pages/examples/form-layout-field-group.tsx
+++ b/polaris.shopify.com/pages/examples/form-layout-field-group.tsx
@@ -1,5 +1,4 @@
 import {FormLayout, TextField} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function Example() {
diff --git a/polaris.shopify.com/pages/examples/grid-custom-layout.tsx b/polaris.shopify.com/pages/examples/grid-custom-layout.tsx
index 836d4c0bbe4..78c3f51017f 100644
--- a/polaris.shopify.com/pages/examples/grid-custom-layout.tsx
+++ b/polaris.shopify.com/pages/examples/grid-custom-layout.tsx
@@ -1,5 +1,4 @@
 import {Page, Grid, LegacyCard} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function GridExample() {
diff --git a/polaris.shopify.com/pages/examples/grid-three-one-third-column.tsx b/polaris.shopify.com/pages/examples/grid-three-one-third-column.tsx
index afe442b21f4..33a7ba51adf 100644
--- a/polaris.shopify.com/pages/examples/grid-three-one-third-column.tsx
+++ b/polaris.shopify.com/pages/examples/grid-three-one-third-column.tsx
@@ -1,5 +1,4 @@
 import {Page, Grid, LegacyCard} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function GridExample() {
diff --git a/polaris.shopify.com/pages/examples/grid-two-column.tsx b/polaris.shopify.com/pages/examples/grid-two-column.tsx
index cba751d7c36..0775008951c 100644
--- a/polaris.shopify.com/pages/examples/grid-two-column.tsx
+++ b/polaris.shopify.com/pages/examples/grid-two-column.tsx
@@ -1,5 +1,4 @@
 import {Page, Grid, LegacyCard} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function GridExample() {
diff --git a/polaris.shopify.com/pages/examples/grid-two-thirds-and-one-third-column.tsx b/polaris.shopify.com/pages/examples/grid-two-thirds-and-one-third-column.tsx
index afe442b21f4..33a7ba51adf 100644
--- a/polaris.shopify.com/pages/examples/grid-two-thirds-and-one-third-column.tsx
+++ b/polaris.shopify.com/pages/examples/grid-two-thirds-and-one-third-column.tsx
@@ -1,5 +1,4 @@
 import {Page, Grid, LegacyCard} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function GridExample() {
diff --git a/polaris.shopify.com/pages/examples/icon-colored.tsx b/polaris.shopify.com/pages/examples/icon-colored.tsx
index 3308e1f3e32..1a670149d2a 100644
--- a/polaris.shopify.com/pages/examples/icon-colored.tsx
+++ b/polaris.shopify.com/pages/examples/icon-colored.tsx
@@ -1,6 +1,5 @@
 import {Icon} from '@shopify/polaris';
 import {CirclePlusMinor} from '@shopify/polaris-icons';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function IconExample() {
diff --git a/polaris.shopify.com/pages/examples/icon-default.tsx b/polaris.shopify.com/pages/examples/icon-default.tsx
index c6a13e48663..50d21bd8a78 100644
--- a/polaris.shopify.com/pages/examples/icon-default.tsx
+++ b/polaris.shopify.com/pages/examples/icon-default.tsx
@@ -1,6 +1,5 @@
 import {Icon} from '@shopify/polaris';
 import {CirclePlusMinor} from '@shopify/polaris-icons';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function IconExample() {
diff --git a/polaris.shopify.com/pages/examples/icon-with-backdrop.tsx b/polaris.shopify.com/pages/examples/icon-with-backdrop.tsx
index f73d4c9e310..bbb1e0016d8 100644
--- a/polaris.shopify.com/pages/examples/icon-with-backdrop.tsx
+++ b/polaris.shopify.com/pages/examples/icon-with-backdrop.tsx
@@ -1,6 +1,5 @@
 import {Icon} from '@shopify/polaris';
 import {CirclePlusMinor} from '@shopify/polaris-icons';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function IconExample() {
diff --git a/polaris.shopify.com/pages/examples/icon-with-custom-svg-and-color.tsx b/polaris.shopify.com/pages/examples/icon-with-custom-svg-and-color.tsx
index ebaac89e8ee..c787c9078ff 100644
--- a/polaris.shopify.com/pages/examples/icon-with-custom-svg-and-color.tsx
+++ b/polaris.shopify.com/pages/examples/icon-with-custom-svg-and-color.tsx
@@ -1,5 +1,4 @@
 import {Icon} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function IconWithReactChild() {
diff --git a/polaris.shopify.com/pages/examples/icon-with-custom-svg.tsx b/polaris.shopify.com/pages/examples/icon-with-custom-svg.tsx
index 6f44a6f4fae..923ad8750c4 100644
--- a/polaris.shopify.com/pages/examples/icon-with-custom-svg.tsx
+++ b/polaris.shopify.com/pages/examples/icon-with-custom-svg.tsx
@@ -1,5 +1,4 @@
 import {Icon} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function IconExample() {
diff --git a/polaris.shopify.com/pages/examples/index-table-default.tsx b/polaris.shopify.com/pages/examples/index-table-default.tsx
index 50d12f2d6e2..8b9ad501955 100644
--- a/polaris.shopify.com/pages/examples/index-table-default.tsx
+++ b/polaris.shopify.com/pages/examples/index-table-default.tsx
@@ -4,7 +4,6 @@ import {
   useIndexResourceState,
   Text,
 } from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function SimpleIndexTableExample() {
diff --git a/polaris.shopify.com/pages/examples/index-table-flush.tsx b/polaris.shopify.com/pages/examples/index-table-flush.tsx
index 3426c12df69..2dd9bba86be 100644
--- a/polaris.shopify.com/pages/examples/index-table-flush.tsx
+++ b/polaris.shopify.com/pages/examples/index-table-flush.tsx
@@ -4,7 +4,6 @@ import {
   useIndexResourceState,
   Text,
 } from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function SimpleFlushIndexTableExample() {
diff --git a/polaris.shopify.com/pages/examples/index-table-small-screen.tsx b/polaris.shopify.com/pages/examples/index-table-small-screen.tsx
index e0d924d28e2..cf4b4dfb4ed 100644
--- a/polaris.shopify.com/pages/examples/index-table-small-screen.tsx
+++ b/polaris.shopify.com/pages/examples/index-table-small-screen.tsx
@@ -4,7 +4,6 @@ import {
   useIndexResourceState,
   Text,
 } from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function SimpleSmallScreenIndexTableExample() {
diff --git a/polaris.shopify.com/pages/examples/index-table-with-bulk-actions-and-selection-across-pages.tsx b/polaris.shopify.com/pages/examples/index-table-with-bulk-actions-and-selection-across-pages.tsx
index 9f67e26cae3..280520fb0ed 100644
--- a/polaris.shopify.com/pages/examples/index-table-with-bulk-actions-and-selection-across-pages.tsx
+++ b/polaris.shopify.com/pages/examples/index-table-with-bulk-actions-and-selection-across-pages.tsx
@@ -4,7 +4,6 @@ import {
   useIndexResourceState,
   Text,
 } from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function IndexTableWithBulkActionsAndSelectionAcrossPagesExample() {
diff --git a/polaris.shopify.com/pages/examples/index-table-with-bulk-actions.tsx b/polaris.shopify.com/pages/examples/index-table-with-bulk-actions.tsx
index 404b9e7688a..6039bb13d15 100644
--- a/polaris.shopify.com/pages/examples/index-table-with-bulk-actions.tsx
+++ b/polaris.shopify.com/pages/examples/index-table-with-bulk-actions.tsx
@@ -4,7 +4,6 @@ import {
   useIndexResourceState,
   Text,
 } from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function IndexTableWithBulkActionsExample() {
diff --git a/polaris.shopify.com/pages/examples/index-table-with-clickable-button-column.tsx b/polaris.shopify.com/pages/examples/index-table-with-clickable-button-column.tsx
index ef89fff5ab4..bece493863d 100644
--- a/polaris.shopify.com/pages/examples/index-table-with-clickable-button-column.tsx
+++ b/polaris.shopify.com/pages/examples/index-table-with-clickable-button-column.tsx
@@ -5,7 +5,6 @@ import {
   useIndexResourceState,
   Text,
 } from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ClickThroughButtonIndexTableExample() {
diff --git a/polaris.shopify.com/pages/examples/index-table-with-empty-state.tsx b/polaris.shopify.com/pages/examples/index-table-with-empty-state.tsx
index 7bb2e9af81c..02abf608eeb 100644
--- a/polaris.shopify.com/pages/examples/index-table-with-empty-state.tsx
+++ b/polaris.shopify.com/pages/examples/index-table-with-empty-state.tsx
@@ -5,7 +5,6 @@ import {
   useIndexResourceState,
   Text,
 } from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function IndexTableWithCustomEmptyStateExample() {
diff --git a/polaris.shopify.com/pages/examples/index-table-with-loading-state.tsx b/polaris.shopify.com/pages/examples/index-table-with-loading-state.tsx
index 4349d9e2721..6ee7bf42e0f 100644
--- a/polaris.shopify.com/pages/examples/index-table-with-loading-state.tsx
+++ b/polaris.shopify.com/pages/examples/index-table-with-loading-state.tsx
@@ -4,7 +4,6 @@ import {
   useIndexResourceState,
   Text,
 } from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function IndexTableWithLoadingExample() {
diff --git a/polaris.shopify.com/pages/examples/index-table-with-multiple-promoted-bulk-actions.tsx b/polaris.shopify.com/pages/examples/index-table-with-multiple-promoted-bulk-actions.tsx
index 6403c41cf22..638fafb5226 100644
--- a/polaris.shopify.com/pages/examples/index-table-with-multiple-promoted-bulk-actions.tsx
+++ b/polaris.shopify.com/pages/examples/index-table-with-multiple-promoted-bulk-actions.tsx
@@ -4,7 +4,6 @@ import {
   useIndexResourceState,
   Text,
 } from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function IndexTableWithMultiplePromotedBulkActionsExample() {
diff --git a/polaris.shopify.com/pages/examples/index-table-with-row-navigation-link.tsx b/polaris.shopify.com/pages/examples/index-table-with-row-navigation-link.tsx
index 8829f188f12..59dc2cc8dd1 100644
--- a/polaris.shopify.com/pages/examples/index-table-with-row-navigation-link.tsx
+++ b/polaris.shopify.com/pages/examples/index-table-with-row-navigation-link.tsx
@@ -5,7 +5,6 @@ import {
   useIndexResourceState,
   Text,
 } from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ClickThroughLinkIndexTableExample() {
diff --git a/polaris.shopify.com/pages/examples/index-table-with-row-status.tsx b/polaris.shopify.com/pages/examples/index-table-with-row-status.tsx
index bf28e42e1cc..d3f691ed171 100644
--- a/polaris.shopify.com/pages/examples/index-table-with-row-status.tsx
+++ b/polaris.shopify.com/pages/examples/index-table-with-row-status.tsx
@@ -4,7 +4,6 @@ import {
   useIndexResourceState,
   Text,
 } from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function IndexTableWithRowStatusExample() {
diff --git a/polaris.shopify.com/pages/examples/index-table-with-sticky-last-column.tsx b/polaris.shopify.com/pages/examples/index-table-with-sticky-last-column.tsx
index b21f5960906..10838751843 100644
--- a/polaris.shopify.com/pages/examples/index-table-with-sticky-last-column.tsx
+++ b/polaris.shopify.com/pages/examples/index-table-with-sticky-last-column.tsx
@@ -4,7 +4,6 @@ import {
   useIndexResourceState,
   Text,
 } from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function StickyLastCellIndexTableExample() {
diff --git a/polaris.shopify.com/pages/examples/index-table-without-checkboxes.tsx b/polaris.shopify.com/pages/examples/index-table-without-checkboxes.tsx
index 4ea97edc5ef..af24b7ead9a 100644
--- a/polaris.shopify.com/pages/examples/index-table-without-checkboxes.tsx
+++ b/polaris.shopify.com/pages/examples/index-table-without-checkboxes.tsx
@@ -1,5 +1,4 @@
 import {IndexTable, LegacyCard, Text} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function IndexTableWithoutCheckboxesExample() {
diff --git a/polaris.shopify.com/pages/examples/inline-error-default.tsx b/polaris.shopify.com/pages/examples/inline-error-default.tsx
index 3d75a055af4..ca7779dcf67 100644
--- a/polaris.shopify.com/pages/examples/inline-error-default.tsx
+++ b/polaris.shopify.com/pages/examples/inline-error-default.tsx
@@ -1,5 +1,4 @@
 import {InlineError} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function InlineErrorExample() {
diff --git a/polaris.shopify.com/pages/examples/inline-with-align.tsx b/polaris.shopify.com/pages/examples/inline-with-align.tsx
index ef3fcf1c658..d130c5a378d 100644
--- a/polaris.shopify.com/pages/examples/inline-with-align.tsx
+++ b/polaris.shopify.com/pages/examples/inline-with-align.tsx
@@ -1,12 +1,11 @@
-import React from 'react';
-import {AlphaStack, Inline, Text, Page, Divider} from '@shopify/polaris';
+import {Stack, Inline, Text, Page, Divider} from '@shopify/polaris';
 
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function InlineWithAlignExample() {
   return (
     <Page narrowWidth>
-      <AlphaStack gap="16">
+      <Stack gap="16">
         <Inline gap="025" align="start">
           <Placeholder width="106px" label="Start" />
           <Placeholder width="106px" height="20px" />
@@ -33,7 +32,7 @@ function InlineWithAlignExample() {
           <Placeholder width="106px" height="20px" />
           <Placeholder width="106px" height="20px" />
         </Inline>
-      </AlphaStack>
+      </Stack>
     </Page>
   );
 }
diff --git a/polaris.shopify.com/pages/examples/inline-with-block-align.tsx b/polaris.shopify.com/pages/examples/inline-with-block-align.tsx
index 342922babdc..9107d8b8e64 100644
--- a/polaris.shopify.com/pages/examples/inline-with-block-align.tsx
+++ b/polaris.shopify.com/pages/examples/inline-with-block-align.tsx
@@ -1,11 +1,10 @@
-import React from 'react';
-import {Inline, Text, AlphaStack, Divider} from '@shopify/polaris';
+import {Inline, Text, Stack, Divider} from '@shopify/polaris';
 
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function InlineWithBlockAlignExample() {
   return (
-    <AlphaStack gap="8">
+    <Stack gap="8">
       <Inline gap="025" blockAlign="start">
         <Placeholder width="106px" label="Start" />
         <Placeholder width="106px" height="20px" />
@@ -50,7 +49,7 @@ function InlineWithBlockAlignExample() {
         <Placeholder width="106px" minHeight="20px" />
         <Placeholder width="106px" minHeight="20px" />
       </Inline>
-    </AlphaStack>
+    </Stack>
   );
 }
 
diff --git a/polaris.shopify.com/pages/examples/inline-with-gap.tsx b/polaris.shopify.com/pages/examples/inline-with-gap.tsx
index 21ea1aab810..7d305ebad63 100644
--- a/polaris.shopify.com/pages/examples/inline-with-gap.tsx
+++ b/polaris.shopify.com/pages/examples/inline-with-gap.tsx
@@ -1,11 +1,10 @@
-import React from 'react';
-import {Inline, AlphaStack} from '@shopify/polaris';
+import {Inline, Stack} from '@shopify/polaris';
 
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function InlineWithGapExample() {
   return (
-    <AlphaStack>
+    <Stack>
       <Inline>
         <SpacingBackground width="436px" height="20px" margin>
           <Inline gap="4" wrap={false} blockAlign="center">
@@ -22,7 +21,7 @@ function InlineWithGapExample() {
           <Placeholder width="106px" height="20px" />
         </Inline>
       </SpacingBackground>
-    </AlphaStack>
+    </Stack>
   );
 }
 
diff --git a/polaris.shopify.com/pages/examples/inline-with-non-wrapping.tsx b/polaris.shopify.com/pages/examples/inline-with-non-wrapping.tsx
index c5f49b01673..68c84fa9850 100644
--- a/polaris.shopify.com/pages/examples/inline-with-non-wrapping.tsx
+++ b/polaris.shopify.com/pages/examples/inline-with-non-wrapping.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import {Inline} from '@shopify/polaris';
 
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
diff --git a/polaris.shopify.com/pages/examples/keyboard-key-default.tsx b/polaris.shopify.com/pages/examples/keyboard-key-default.tsx
index 64c813cb346..864020a21fc 100644
--- a/polaris.shopify.com/pages/examples/keyboard-key-default.tsx
+++ b/polaris.shopify.com/pages/examples/keyboard-key-default.tsx
@@ -1,5 +1,4 @@
 import {KeyboardKey} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function Example() {
diff --git a/polaris.shopify.com/pages/examples/keyboard-key-list-of-shortcuts.tsx b/polaris.shopify.com/pages/examples/keyboard-key-list-of-shortcuts.tsx
index 64c813cb346..864020a21fc 100644
--- a/polaris.shopify.com/pages/examples/keyboard-key-list-of-shortcuts.tsx
+++ b/polaris.shopify.com/pages/examples/keyboard-key-list-of-shortcuts.tsx
@@ -1,5 +1,4 @@
 import {KeyboardKey} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function Example() {
diff --git a/polaris.shopify.com/pages/examples/layout-annotated-with-banner-at-the-top.tsx b/polaris.shopify.com/pages/examples/layout-annotated-with-banner-at-the-top.tsx
index f4937de8991..d69a3091388 100644
--- a/polaris.shopify.com/pages/examples/layout-annotated-with-banner-at-the-top.tsx
+++ b/polaris.shopify.com/pages/examples/layout-annotated-with-banner-at-the-top.tsx
@@ -6,7 +6,6 @@ import {
   FormLayout,
   TextField,
 } from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LayoutExample() {
diff --git a/polaris.shopify.com/pages/examples/layout-annotated-with-sections.tsx b/polaris.shopify.com/pages/examples/layout-annotated-with-sections.tsx
index 764f4c39dbf..9b0bfff344b 100644
--- a/polaris.shopify.com/pages/examples/layout-annotated-with-sections.tsx
+++ b/polaris.shopify.com/pages/examples/layout-annotated-with-sections.tsx
@@ -7,7 +7,6 @@ import {
   TextContainer,
   Text,
 } from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LayoutExample() {
diff --git a/polaris.shopify.com/pages/examples/layout-annotated.tsx b/polaris.shopify.com/pages/examples/layout-annotated.tsx
index 25a6568cbe8..24c32ceabb9 100644
--- a/polaris.shopify.com/pages/examples/layout-annotated.tsx
+++ b/polaris.shopify.com/pages/examples/layout-annotated.tsx
@@ -1,5 +1,4 @@
 import {Page, Layout, LegacyCard, FormLayout, TextField} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LayoutExample() {
diff --git a/polaris.shopify.com/pages/examples/layout-one-column.tsx b/polaris.shopify.com/pages/examples/layout-one-column.tsx
index 682aea4d9bd..a90d983302a 100644
--- a/polaris.shopify.com/pages/examples/layout-one-column.tsx
+++ b/polaris.shopify.com/pages/examples/layout-one-column.tsx
@@ -1,5 +1,4 @@
 import {Page, Layout, LegacyCard} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LayoutExample() {
diff --git a/polaris.shopify.com/pages/examples/layout-three-columns-with-equal-width.tsx b/polaris.shopify.com/pages/examples/layout-three-columns-with-equal-width.tsx
index 6e67c8edb6b..dfb83152826 100644
--- a/polaris.shopify.com/pages/examples/layout-three-columns-with-equal-width.tsx
+++ b/polaris.shopify.com/pages/examples/layout-three-columns-with-equal-width.tsx
@@ -6,7 +6,6 @@ import {
   Thumbnail,
   Text,
 } from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LayoutExample() {
diff --git a/polaris.shopify.com/pages/examples/layout-two-columns-with-equal-width.tsx b/polaris.shopify.com/pages/examples/layout-two-columns-with-equal-width.tsx
index 459801dbeab..7ee06f5bbcc 100644
--- a/polaris.shopify.com/pages/examples/layout-two-columns-with-equal-width.tsx
+++ b/polaris.shopify.com/pages/examples/layout-two-columns-with-equal-width.tsx
@@ -6,7 +6,6 @@ import {
   Thumbnail,
   Text,
 } from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LayoutExample() {
diff --git a/polaris.shopify.com/pages/examples/layout-two-columns-with-primary-and-secondary-widths.tsx b/polaris.shopify.com/pages/examples/layout-two-columns-with-primary-and-secondary-widths.tsx
index 0c8565e6e0b..9c75bd44223 100644
--- a/polaris.shopify.com/pages/examples/layout-two-columns-with-primary-and-secondary-widths.tsx
+++ b/polaris.shopify.com/pages/examples/layout-two-columns-with-primary-and-secondary-widths.tsx
@@ -1,5 +1,4 @@
 import {Page, Layout, LegacyCard} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LayoutExample() {
diff --git a/polaris.shopify.com/pages/examples/legacy-card-default.tsx b/polaris.shopify.com/pages/examples/legacy-card-default.tsx
index 8d632129846..023deffee59 100644
--- a/polaris.shopify.com/pages/examples/legacy-card-default.tsx
+++ b/polaris.shopify.com/pages/examples/legacy-card-default.tsx
@@ -1,5 +1,4 @@
 import {LegacyCard} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LegacyCardExample() {
diff --git a/polaris.shopify.com/pages/examples/legacy-card-with-a-subdued-section.tsx b/polaris.shopify.com/pages/examples/legacy-card-with-a-subdued-section.tsx
index 9759cd52670..a5365faf9ff 100644
--- a/polaris.shopify.com/pages/examples/legacy-card-with-a-subdued-section.tsx
+++ b/polaris.shopify.com/pages/examples/legacy-card-with-a-subdued-section.tsx
@@ -1,5 +1,4 @@
 import {LegacyCard, List} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LegacyCardExample() {
diff --git a/polaris.shopify.com/pages/examples/legacy-card-with-all-elements.tsx b/polaris.shopify.com/pages/examples/legacy-card-with-all-elements.tsx
index cf4edb55bb6..4ca4824a9ac 100644
--- a/polaris.shopify.com/pages/examples/legacy-card-with-all-elements.tsx
+++ b/polaris.shopify.com/pages/examples/legacy-card-with-all-elements.tsx
@@ -8,7 +8,6 @@ import {
   LegacyStack,
   List,
 } from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LegacyCardExample() {
diff --git a/polaris.shopify.com/pages/examples/legacy-card-with-custom-footer-actions.tsx b/polaris.shopify.com/pages/examples/legacy-card-with-custom-footer-actions.tsx
index 99e6de71b0e..413ce8918e8 100644
--- a/polaris.shopify.com/pages/examples/legacy-card-with-custom-footer-actions.tsx
+++ b/polaris.shopify.com/pages/examples/legacy-card-with-custom-footer-actions.tsx
@@ -1,5 +1,4 @@
 import {LegacyCard, LegacyStack, ButtonGroup, Button} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LegacyCardExample() {
diff --git a/polaris.shopify.com/pages/examples/legacy-card-with-custom-react-node-title.tsx b/polaris.shopify.com/pages/examples/legacy-card-with-custom-react-node-title.tsx
index 4897af76350..35a40bffbc4 100644
--- a/polaris.shopify.com/pages/examples/legacy-card-with-custom-react-node-title.tsx
+++ b/polaris.shopify.com/pages/examples/legacy-card-with-custom-react-node-title.tsx
@@ -1,6 +1,5 @@
 import {LegacyCard, LegacyStack, Icon, List, Text} from '@shopify/polaris';
 import {ProductsMajor} from '@shopify/polaris-icons';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LegacyCardExample() {
diff --git a/polaris.shopify.com/pages/examples/legacy-card-with-destructive-action.tsx b/polaris.shopify.com/pages/examples/legacy-card-with-destructive-action.tsx
index d9239f6f297..497e991e8c0 100644
--- a/polaris.shopify.com/pages/examples/legacy-card-with-destructive-action.tsx
+++ b/polaris.shopify.com/pages/examples/legacy-card-with-destructive-action.tsx
@@ -1,5 +1,4 @@
 import {LegacyCard} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LegacyCardExample() {
diff --git a/polaris.shopify.com/pages/examples/legacy-card-with-destructive-footer-action.tsx b/polaris.shopify.com/pages/examples/legacy-card-with-destructive-footer-action.tsx
index e1764a43f36..d954fb8c7a0 100644
--- a/polaris.shopify.com/pages/examples/legacy-card-with-destructive-footer-action.tsx
+++ b/polaris.shopify.com/pages/examples/legacy-card-with-destructive-footer-action.tsx
@@ -1,5 +1,4 @@
 import {LegacyCard, List} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LegacyCardExample() {
diff --git a/polaris.shopify.com/pages/examples/legacy-card-with-flushed-sections.tsx b/polaris.shopify.com/pages/examples/legacy-card-with-flushed-sections.tsx
index 41b9ac3fbfe..2f51e8df61c 100644
--- a/polaris.shopify.com/pages/examples/legacy-card-with-flushed-sections.tsx
+++ b/polaris.shopify.com/pages/examples/legacy-card-with-flushed-sections.tsx
@@ -1,5 +1,4 @@
 import {LegacyCard, Image, TextContainer} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LegacyCardExample() {
diff --git a/polaris.shopify.com/pages/examples/legacy-card-with-footer-actions.tsx b/polaris.shopify.com/pages/examples/legacy-card-with-footer-actions.tsx
index 4a935327799..7c2a581f8dc 100644
--- a/polaris.shopify.com/pages/examples/legacy-card-with-footer-actions.tsx
+++ b/polaris.shopify.com/pages/examples/legacy-card-with-footer-actions.tsx
@@ -1,5 +1,4 @@
 import {LegacyCard, List} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LegacyCardExample() {
diff --git a/polaris.shopify.com/pages/examples/legacy-card-with-header-actions.tsx b/polaris.shopify.com/pages/examples/legacy-card-with-header-actions.tsx
index d19843f0589..f41e8ac06ff 100644
--- a/polaris.shopify.com/pages/examples/legacy-card-with-header-actions.tsx
+++ b/polaris.shopify.com/pages/examples/legacy-card-with-header-actions.tsx
@@ -1,5 +1,4 @@
 import {LegacyCard} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LegacyCardExample() {
diff --git a/polaris.shopify.com/pages/examples/legacy-card-with-multiple-footer-actions.tsx b/polaris.shopify.com/pages/examples/legacy-card-with-multiple-footer-actions.tsx
index f379d78d55d..135797c24e2 100644
--- a/polaris.shopify.com/pages/examples/legacy-card-with-multiple-footer-actions.tsx
+++ b/polaris.shopify.com/pages/examples/legacy-card-with-multiple-footer-actions.tsx
@@ -1,5 +1,4 @@
 import {LegacyCard, List} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LegacyCardExample() {
diff --git a/polaris.shopify.com/pages/examples/legacy-card-with-multiple-sections.tsx b/polaris.shopify.com/pages/examples/legacy-card-with-multiple-sections.tsx
index 48c9494a841..5c78fd05858 100644
--- a/polaris.shopify.com/pages/examples/legacy-card-with-multiple-sections.tsx
+++ b/polaris.shopify.com/pages/examples/legacy-card-with-multiple-sections.tsx
@@ -1,5 +1,4 @@
 import {LegacyCard} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LegacyCardExample() {
diff --git a/polaris.shopify.com/pages/examples/legacy-card-with-multiple-titled-sections.tsx b/polaris.shopify.com/pages/examples/legacy-card-with-multiple-titled-sections.tsx
index 3bc34055d9d..34a8b7425f2 100644
--- a/polaris.shopify.com/pages/examples/legacy-card-with-multiple-titled-sections.tsx
+++ b/polaris.shopify.com/pages/examples/legacy-card-with-multiple-titled-sections.tsx
@@ -1,5 +1,4 @@
 import {LegacyCard} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LegacyCardExample() {
diff --git a/polaris.shopify.com/pages/examples/legacy-card-with-sections-and-actions.tsx b/polaris.shopify.com/pages/examples/legacy-card-with-sections-and-actions.tsx
index f33837498db..6d8f4604c14 100644
--- a/polaris.shopify.com/pages/examples/legacy-card-with-sections-and-actions.tsx
+++ b/polaris.shopify.com/pages/examples/legacy-card-with-sections-and-actions.tsx
@@ -1,5 +1,4 @@
 import {LegacyCard} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LegacyCardExample() {
diff --git a/polaris.shopify.com/pages/examples/legacy-card-with-separate-header.tsx b/polaris.shopify.com/pages/examples/legacy-card-with-separate-header.tsx
index 1459b333416..379a988af42 100644
--- a/polaris.shopify.com/pages/examples/legacy-card-with-separate-header.tsx
+++ b/polaris.shopify.com/pages/examples/legacy-card-with-separate-header.tsx
@@ -1,5 +1,4 @@
 import {LegacyCard, Popover, Button, ActionList, List} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LegacyCardExample() {
diff --git a/polaris.shopify.com/pages/examples/legacy-card-with-subdued-for-secondary-content.tsx b/polaris.shopify.com/pages/examples/legacy-card-with-subdued-for-secondary-content.tsx
index 00f080e4f7b..92b3dabf4a4 100644
--- a/polaris.shopify.com/pages/examples/legacy-card-with-subdued-for-secondary-content.tsx
+++ b/polaris.shopify.com/pages/examples/legacy-card-with-subdued-for-secondary-content.tsx
@@ -1,5 +1,4 @@
 import {LegacyCard, List} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LegacyCardExample() {
diff --git a/polaris.shopify.com/pages/examples/legacy-card-with-subsection.tsx b/polaris.shopify.com/pages/examples/legacy-card-with-subsection.tsx
index 39f201161bc..8df9316a945 100644
--- a/polaris.shopify.com/pages/examples/legacy-card-with-subsection.tsx
+++ b/polaris.shopify.com/pages/examples/legacy-card-with-subsection.tsx
@@ -1,5 +1,4 @@
 import {LegacyCard} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LegacyCardExample() {
diff --git a/polaris.shopify.com/pages/examples/legacy-stack-default.tsx b/polaris.shopify.com/pages/examples/legacy-stack-default.tsx
index 7427a026a36..326a6a6ce36 100644
--- a/polaris.shopify.com/pages/examples/legacy-stack-default.tsx
+++ b/polaris.shopify.com/pages/examples/legacy-stack-default.tsx
@@ -1,5 +1,4 @@
 import {LegacyStack, Badge} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LegacyStackExample() {
diff --git a/polaris.shopify.com/pages/examples/legacy-stack-fill-available-space-proportionally.tsx b/polaris.shopify.com/pages/examples/legacy-stack-fill-available-space-proportionally.tsx
index f7fdb2cd7d3..7ca0ff83f94 100644
--- a/polaris.shopify.com/pages/examples/legacy-stack-fill-available-space-proportionally.tsx
+++ b/polaris.shopify.com/pages/examples/legacy-stack-fill-available-space-proportionally.tsx
@@ -1,5 +1,4 @@
 import {LegacyStack, Badge, Text} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LegacyStackExample() {
diff --git a/polaris.shopify.com/pages/examples/legacy-stack-non-wrapping.tsx b/polaris.shopify.com/pages/examples/legacy-stack-non-wrapping.tsx
index ae83dff8ee6..9a6881e3fe1 100644
--- a/polaris.shopify.com/pages/examples/legacy-stack-non-wrapping.tsx
+++ b/polaris.shopify.com/pages/examples/legacy-stack-non-wrapping.tsx
@@ -1,5 +1,4 @@
 import {LegacyStack, Badge} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LegacyStackExample() {
diff --git a/polaris.shopify.com/pages/examples/legacy-stack-spacing.tsx b/polaris.shopify.com/pages/examples/legacy-stack-spacing.tsx
index 5cf4a973edb..715d7cbe15c 100644
--- a/polaris.shopify.com/pages/examples/legacy-stack-spacing.tsx
+++ b/polaris.shopify.com/pages/examples/legacy-stack-spacing.tsx
@@ -1,5 +1,4 @@
 import {LegacyStack, Badge} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LegacyStackExample() {
diff --git a/polaris.shopify.com/pages/examples/legacy-stack-vertical-centering.tsx b/polaris.shopify.com/pages/examples/legacy-stack-vertical-centering.tsx
index 89ed6ab3c49..c18564f83c2 100644
--- a/polaris.shopify.com/pages/examples/legacy-stack-vertical-centering.tsx
+++ b/polaris.shopify.com/pages/examples/legacy-stack-vertical-centering.tsx
@@ -1,5 +1,4 @@
 import {LegacyStack, Badge, Text} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LegacyStackExample() {
diff --git a/polaris.shopify.com/pages/examples/legacy-stack-where-a-single-item-fills-the-remaining-space.tsx b/polaris.shopify.com/pages/examples/legacy-stack-where-a-single-item-fills-the-remaining-space.tsx
index 53821939dea..30c33586a61 100644
--- a/polaris.shopify.com/pages/examples/legacy-stack-where-a-single-item-fills-the-remaining-space.tsx
+++ b/polaris.shopify.com/pages/examples/legacy-stack-where-a-single-item-fills-the-remaining-space.tsx
@@ -1,5 +1,4 @@
 import {LegacyStack, Badge, Text} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LegacyStackExample() {
diff --git a/polaris.shopify.com/pages/examples/legacy-stack-where-items-fill-space-evenly.tsx b/polaris.shopify.com/pages/examples/legacy-stack-where-items-fill-space-evenly.tsx
index aa629bfbdbc..8e2a8ea3bd6 100644
--- a/polaris.shopify.com/pages/examples/legacy-stack-where-items-fill-space-evenly.tsx
+++ b/polaris.shopify.com/pages/examples/legacy-stack-where-items-fill-space-evenly.tsx
@@ -1,5 +1,4 @@
 import {LegacyStack, Badge, Text} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LegacyStackExample() {
diff --git a/polaris.shopify.com/pages/examples/link-default.tsx b/polaris.shopify.com/pages/examples/link-default.tsx
index 988428b33bd..46a239d92d5 100644
--- a/polaris.shopify.com/pages/examples/link-default.tsx
+++ b/polaris.shopify.com/pages/examples/link-default.tsx
@@ -1,5 +1,4 @@
 import {Link} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LinkExample() {
diff --git a/polaris.shopify.com/pages/examples/link-external.tsx b/polaris.shopify.com/pages/examples/link-external.tsx
index 696ecab6939..2c7a204118f 100644
--- a/polaris.shopify.com/pages/examples/link-external.tsx
+++ b/polaris.shopify.com/pages/examples/link-external.tsx
@@ -1,5 +1,4 @@
 import {Link} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LinkExample() {
diff --git a/polaris.shopify.com/pages/examples/link-monochrome-in-a-banner.tsx b/polaris.shopify.com/pages/examples/link-monochrome-in-a-banner.tsx
index ac3d6667bc0..97ab393d114 100644
--- a/polaris.shopify.com/pages/examples/link-monochrome-in-a-banner.tsx
+++ b/polaris.shopify.com/pages/examples/link-monochrome-in-a-banner.tsx
@@ -1,5 +1,4 @@
 import {Banner, Link} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LinkExample() {
diff --git a/polaris.shopify.com/pages/examples/link-monochrome.tsx b/polaris.shopify.com/pages/examples/link-monochrome.tsx
index cd6c1d9dc66..ca05f9741b9 100644
--- a/polaris.shopify.com/pages/examples/link-monochrome.tsx
+++ b/polaris.shopify.com/pages/examples/link-monochrome.tsx
@@ -1,5 +1,4 @@
 import {Link} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LinkExample() {
diff --git a/polaris.shopify.com/pages/examples/list-bulleted.tsx b/polaris.shopify.com/pages/examples/list-bulleted.tsx
index 8f345ff7d7a..b7a02529d7e 100644
--- a/polaris.shopify.com/pages/examples/list-bulleted.tsx
+++ b/polaris.shopify.com/pages/examples/list-bulleted.tsx
@@ -1,5 +1,4 @@
 import {List} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ListExample() {
diff --git a/polaris.shopify.com/pages/examples/list-extra-tight.tsx b/polaris.shopify.com/pages/examples/list-extra-tight.tsx
index 0cc1e6e21b2..c93a9435eda 100644
--- a/polaris.shopify.com/pages/examples/list-extra-tight.tsx
+++ b/polaris.shopify.com/pages/examples/list-extra-tight.tsx
@@ -1,5 +1,4 @@
 import {List} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ListExtraTightExample() {
diff --git a/polaris.shopify.com/pages/examples/list-numbered.tsx b/polaris.shopify.com/pages/examples/list-numbered.tsx
index acd866fce33..7f1ef75b941 100644
--- a/polaris.shopify.com/pages/examples/list-numbered.tsx
+++ b/polaris.shopify.com/pages/examples/list-numbered.tsx
@@ -1,5 +1,4 @@
 import {List} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ListExample() {
diff --git a/polaris.shopify.com/pages/examples/listbox-default.tsx b/polaris.shopify.com/pages/examples/listbox-default.tsx
index 5376d3748bb..65b98626efa 100644
--- a/polaris.shopify.com/pages/examples/listbox-default.tsx
+++ b/polaris.shopify.com/pages/examples/listbox-default.tsx
@@ -1,5 +1,4 @@
 import {Listbox} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function BaseListboxExample() {
diff --git a/polaris.shopify.com/pages/examples/listbox-with-action.tsx b/polaris.shopify.com/pages/examples/listbox-with-action.tsx
index 16914f502a2..a6a9559f26a 100644
--- a/polaris.shopify.com/pages/examples/listbox-with-action.tsx
+++ b/polaris.shopify.com/pages/examples/listbox-with-action.tsx
@@ -1,6 +1,5 @@
 import {Listbox, LegacyStack, Icon} from '@shopify/polaris';
 import {CirclePlusMinor} from '@shopify/polaris-icons';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ListboxWithActionExample() {
diff --git a/polaris.shopify.com/pages/examples/listbox-with-custom-element.tsx b/polaris.shopify.com/pages/examples/listbox-with-custom-element.tsx
index 42867d21e0e..b7a1eff2812 100644
--- a/polaris.shopify.com/pages/examples/listbox-with-custom-element.tsx
+++ b/polaris.shopify.com/pages/examples/listbox-with-custom-element.tsx
@@ -1,5 +1,4 @@
 import {Listbox} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ListboxWithCustomElementExample() {
diff --git a/polaris.shopify.com/pages/examples/listbox-with-loading.tsx b/polaris.shopify.com/pages/examples/listbox-with-loading.tsx
index 30eaf43bfb0..06b46fb9373 100644
--- a/polaris.shopify.com/pages/examples/listbox-with-loading.tsx
+++ b/polaris.shopify.com/pages/examples/listbox-with-loading.tsx
@@ -1,5 +1,4 @@
 import {Listbox} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ListboxWithLoadingExample() {
diff --git a/polaris.shopify.com/pages/examples/listbox-with-search.tsx b/polaris.shopify.com/pages/examples/listbox-with-search.tsx
index fc8ae8873c4..7244d6be459 100644
--- a/polaris.shopify.com/pages/examples/listbox-with-search.tsx
+++ b/polaris.shopify.com/pages/examples/listbox-with-search.tsx
@@ -1,4 +1,4 @@
-import React, {useState} from 'react';
+import { useState } from 'react';
 import {
   LegacyStack,
   Icon,
diff --git a/polaris.shopify.com/pages/examples/loading-default.tsx b/polaris.shopify.com/pages/examples/loading-default.tsx
index 59fe11ac22a..ada9c78f952 100644
--- a/polaris.shopify.com/pages/examples/loading-default.tsx
+++ b/polaris.shopify.com/pages/examples/loading-default.tsx
@@ -1,5 +1,4 @@
 import {Frame, Loading} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function LoadingExample() {
diff --git a/polaris.shopify.com/pages/examples/media-card-default.tsx b/polaris.shopify.com/pages/examples/media-card-default.tsx
index ad8e8c9b063..4ae766652d0 100644
--- a/polaris.shopify.com/pages/examples/media-card-default.tsx
+++ b/polaris.shopify.com/pages/examples/media-card-default.tsx
@@ -1,5 +1,4 @@
 import {MediaCard} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function MediaCardExample() {
diff --git a/polaris.shopify.com/pages/examples/media-card-portrait-video-card.tsx b/polaris.shopify.com/pages/examples/media-card-portrait-video-card.tsx
index 28a575ff946..8577fea3fc7 100644
--- a/polaris.shopify.com/pages/examples/media-card-portrait-video-card.tsx
+++ b/polaris.shopify.com/pages/examples/media-card-portrait-video-card.tsx
@@ -1,5 +1,4 @@
 import {MediaCard, VideoThumbnail} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function MediaCardExample() {
diff --git a/polaris.shopify.com/pages/examples/media-card-video-card.tsx b/polaris.shopify.com/pages/examples/media-card-video-card.tsx
index a607d2edf2f..0326676636d 100644
--- a/polaris.shopify.com/pages/examples/media-card-video-card.tsx
+++ b/polaris.shopify.com/pages/examples/media-card-video-card.tsx
@@ -1,5 +1,4 @@
 import {MediaCard, VideoThumbnail} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function MediaCardExample() {
diff --git a/polaris.shopify.com/pages/examples/media-card-with-no-actions.tsx b/polaris.shopify.com/pages/examples/media-card-with-no-actions.tsx
index 4e01182ec1b..e1d54b1c7dc 100644
--- a/polaris.shopify.com/pages/examples/media-card-with-no-actions.tsx
+++ b/polaris.shopify.com/pages/examples/media-card-with-no-actions.tsx
@@ -1,5 +1,4 @@
 import {MediaCard} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function MediaCardExample() {
diff --git a/polaris.shopify.com/pages/examples/media-card-with-secondary-action.tsx b/polaris.shopify.com/pages/examples/media-card-with-secondary-action.tsx
index 86696d16b6a..46f43e8fb37 100644
--- a/polaris.shopify.com/pages/examples/media-card-with-secondary-action.tsx
+++ b/polaris.shopify.com/pages/examples/media-card-with-secondary-action.tsx
@@ -1,5 +1,4 @@
 import {MediaCard} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function MediaCardExample() {
diff --git a/polaris.shopify.com/pages/examples/media-card-with-small-visual.tsx b/polaris.shopify.com/pages/examples/media-card-with-small-visual.tsx
index bf317818358..d00f748016a 100644
--- a/polaris.shopify.com/pages/examples/media-card-with-small-visual.tsx
+++ b/polaris.shopify.com/pages/examples/media-card-with-small-visual.tsx
@@ -1,5 +1,4 @@
 import {MediaCard} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function MediaCardExample() {
diff --git a/polaris.shopify.com/pages/examples/navigation-default.tsx b/polaris.shopify.com/pages/examples/navigation-default.tsx
index ffeca29e0af..e3a6d45b608 100644
--- a/polaris.shopify.com/pages/examples/navigation-default.tsx
+++ b/polaris.shopify.com/pages/examples/navigation-default.tsx
@@ -1,6 +1,5 @@
 import {Frame, Navigation} from '@shopify/polaris';
 import {HomeMinor, OrdersMinor, ProductsMinor} from '@shopify/polaris-icons';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function NavigationExample() {
diff --git a/polaris.shopify.com/pages/examples/navigation-using-major-icons.tsx b/polaris.shopify.com/pages/examples/navigation-using-major-icons.tsx
index 263e9698573..c3bf06fd000 100644
--- a/polaris.shopify.com/pages/examples/navigation-using-major-icons.tsx
+++ b/polaris.shopify.com/pages/examples/navigation-using-major-icons.tsx
@@ -5,7 +5,6 @@ import {
   ProductsMajor,
   CustomersMajor,
 } from '@shopify/polaris-icons';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function NavigationExample() {
diff --git a/polaris.shopify.com/pages/examples/navigation-with-a-secondary-action-for-a-section-and-a-section-title.tsx b/polaris.shopify.com/pages/examples/navigation-with-a-secondary-action-for-a-section-and-a-section-title.tsx
index cf38b924bf4..b0130f6b90b 100644
--- a/polaris.shopify.com/pages/examples/navigation-with-a-secondary-action-for-a-section-and-a-section-title.tsx
+++ b/polaris.shopify.com/pages/examples/navigation-with-a-secondary-action-for-a-section-and-a-section-title.tsx
@@ -6,7 +6,6 @@ import {
   OnlineStoreMinor,
   CirclePlusOutlineMinor,
 } from '@shopify/polaris-icons';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function NavigationExample() {
diff --git a/polaris.shopify.com/pages/examples/navigation-with-a-secondary-action-for-an-item.tsx b/polaris.shopify.com/pages/examples/navigation-with-a-secondary-action-for-an-item.tsx
index 1b26c9960ef..f7f8e05c4b9 100644
--- a/polaris.shopify.com/pages/examples/navigation-with-a-secondary-action-for-an-item.tsx
+++ b/polaris.shopify.com/pages/examples/navigation-with-a-secondary-action-for-an-item.tsx
@@ -5,7 +5,6 @@ import {
   CirclePlusOutlineMinor,
   ProductsMinor,
 } from '@shopify/polaris-icons';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function NavigationExample() {
diff --git a/polaris.shopify.com/pages/examples/navigation-with-an-active-root-item-with-secondary-navigation-items.tsx b/polaris.shopify.com/pages/examples/navigation-with-an-active-root-item-with-secondary-navigation-items.tsx
index a0c483ab790..09b7b71f3e5 100644
--- a/polaris.shopify.com/pages/examples/navigation-with-an-active-root-item-with-secondary-navigation-items.tsx
+++ b/polaris.shopify.com/pages/examples/navigation-with-an-active-root-item-with-secondary-navigation-items.tsx
@@ -1,6 +1,5 @@
 import {Frame, Navigation} from '@shopify/polaris';
 import {HomeMinor, OrdersMinor, ProductsMinor} from '@shopify/polaris-icons';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function NavigationExample() {
diff --git a/polaris.shopify.com/pages/examples/navigation-with-aria-labelledby.tsx b/polaris.shopify.com/pages/examples/navigation-with-aria-labelledby.tsx
index b8f42f6bd29..4816a0f0ce8 100644
--- a/polaris.shopify.com/pages/examples/navigation-with-aria-labelledby.tsx
+++ b/polaris.shopify.com/pages/examples/navigation-with-aria-labelledby.tsx
@@ -1,6 +1,5 @@
 import {Frame, Navigation, Text} from '@shopify/polaris';
 import {HomeMinor, OrdersMinor, ProductsMinor} from '@shopify/polaris-icons';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function NavigationExample() {
diff --git a/polaris.shopify.com/pages/examples/navigation-with-multiple-secondary-actions.tsx b/polaris.shopify.com/pages/examples/navigation-with-multiple-secondary-actions.tsx
index f9ccfdab659..db539072f02 100644
--- a/polaris.shopify.com/pages/examples/navigation-with-multiple-secondary-actions.tsx
+++ b/polaris.shopify.com/pages/examples/navigation-with-multiple-secondary-actions.tsx
@@ -6,7 +6,6 @@ import {
   CircleMinusOutlineMinor,
   OrdersMinor,
 } from '@shopify/polaris-icons';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function NavigationExample() {
diff --git a/polaris.shopify.com/pages/examples/navigation-with-multiple-secondary-navigations.tsx b/polaris.shopify.com/pages/examples/navigation-with-multiple-secondary-navigations.tsx
index 83c6c010648..96efbc0e942 100644
--- a/polaris.shopify.com/pages/examples/navigation-with-multiple-secondary-navigations.tsx
+++ b/polaris.shopify.com/pages/examples/navigation-with-multiple-secondary-navigations.tsx
@@ -5,7 +5,6 @@ import {
   MarketingMinor,
   ProductsMinor,
 } from '@shopify/polaris-icons';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function NavigationExample() {
diff --git a/polaris.shopify.com/pages/examples/navigation-with-section-rollup.tsx b/polaris.shopify.com/pages/examples/navigation-with-section-rollup.tsx
index 060bbfa28f6..8f9567694f6 100644
--- a/polaris.shopify.com/pages/examples/navigation-with-section-rollup.tsx
+++ b/polaris.shopify.com/pages/examples/navigation-with-section-rollup.tsx
@@ -1,6 +1,5 @@
 import {Frame, Navigation} from '@shopify/polaris';
 import {HomeMinor, OrdersMinor, ProductsMinor} from '@shopify/polaris-icons';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function NavigationExample() {
diff --git a/polaris.shopify.com/pages/examples/navigation-with-section-separator.tsx b/polaris.shopify.com/pages/examples/navigation-with-section-separator.tsx
index 7c520a1d46b..93690001058 100644
--- a/polaris.shopify.com/pages/examples/navigation-with-section-separator.tsx
+++ b/polaris.shopify.com/pages/examples/navigation-with-section-separator.tsx
@@ -5,7 +5,6 @@ import {
   ProductsMinor,
   OnlineStoreMinor,
 } from '@shopify/polaris-icons';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function NavigationExample() {
diff --git a/polaris.shopify.com/pages/examples/navigation-with-truncation-for-various-states.tsx b/polaris.shopify.com/pages/examples/navigation-with-truncation-for-various-states.tsx
index faa6111ed4a..b6ff6e7f6d0 100644
--- a/polaris.shopify.com/pages/examples/navigation-with-truncation-for-various-states.tsx
+++ b/polaris.shopify.com/pages/examples/navigation-with-truncation-for-various-states.tsx
@@ -6,7 +6,6 @@ import {
   ProductsMinor,
   MarketingMinor,
 } from '@shopify/polaris-icons';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function NavigationExample() {
diff --git a/polaris.shopify.com/pages/examples/navigation-with-various-states-and-secondary-elements.tsx b/polaris.shopify.com/pages/examples/navigation-with-various-states-and-secondary-elements.tsx
index 35ff061b324..0b09d8f12a2 100644
--- a/polaris.shopify.com/pages/examples/navigation-with-various-states-and-secondary-elements.tsx
+++ b/polaris.shopify.com/pages/examples/navigation-with-various-states-and-secondary-elements.tsx
@@ -9,7 +9,6 @@ import {
   OnlineStoreMinor,
   ViewMinor,
 } from '@shopify/polaris-icons';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function NavigationExample() {
diff --git a/polaris.shopify.com/pages/examples/page-actions-default.tsx b/polaris.shopify.com/pages/examples/page-actions-default.tsx
index de1ef0b8ba6..d763ce1e583 100644
--- a/polaris.shopify.com/pages/examples/page-actions-default.tsx
+++ b/polaris.shopify.com/pages/examples/page-actions-default.tsx
@@ -1,5 +1,4 @@
 import {PageActions} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function PageExample() {
diff --git a/polaris.shopify.com/pages/examples/page-actions-primary-action-only.tsx b/polaris.shopify.com/pages/examples/page-actions-primary-action-only.tsx
index 84443e76769..8e0263a9102 100644
--- a/polaris.shopify.com/pages/examples/page-actions-primary-action-only.tsx
+++ b/polaris.shopify.com/pages/examples/page-actions-primary-action-only.tsx
@@ -1,5 +1,4 @@
 import {PageActions} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function PageExample() {
diff --git a/polaris.shopify.com/pages/examples/page-actions-with-custom-primary-action.tsx b/polaris.shopify.com/pages/examples/page-actions-with-custom-primary-action.tsx
index 40c6a89f431..3ddfe43f63b 100644
--- a/polaris.shopify.com/pages/examples/page-actions-with-custom-primary-action.tsx
+++ b/polaris.shopify.com/pages/examples/page-actions-with-custom-primary-action.tsx
@@ -1,5 +1,4 @@
 import {PageActions, Button} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function PageExample() {
diff --git a/polaris.shopify.com/pages/examples/page-actions-with-custom-secondary-action.tsx b/polaris.shopify.com/pages/examples/page-actions-with-custom-secondary-action.tsx
index 626eb5237bf..ad51d91a548 100644
--- a/polaris.shopify.com/pages/examples/page-actions-with-custom-secondary-action.tsx
+++ b/polaris.shopify.com/pages/examples/page-actions-with-custom-secondary-action.tsx
@@ -1,5 +1,4 @@
 import {PageActions, Button} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function PageExample() {
diff --git a/polaris.shopify.com/pages/examples/page-default.tsx b/polaris.shopify.com/pages/examples/page-default.tsx
index 4cf8b396b89..d21f760e5ed 100644
--- a/polaris.shopify.com/pages/examples/page-default.tsx
+++ b/polaris.shopify.com/pages/examples/page-default.tsx
@@ -1,5 +1,4 @@
 import {Page, Badge, LegacyCard} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function PageExample() {
diff --git a/polaris.shopify.com/pages/examples/page-full-width.tsx b/polaris.shopify.com/pages/examples/page-full-width.tsx
index 77131ce5618..5e2bcbc79cf 100644
--- a/polaris.shopify.com/pages/examples/page-full-width.tsx
+++ b/polaris.shopify.com/pages/examples/page-full-width.tsx
@@ -1,6 +1,5 @@
 import {Page, LegacyCard} from '@shopify/polaris';
 import {PlusMinor} from '@shopify/polaris-icons';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function PageExample() {
diff --git a/polaris.shopify.com/pages/examples/page-narrow-width.tsx b/polaris.shopify.com/pages/examples/page-narrow-width.tsx
index 48bc0586673..4b246739666 100644
--- a/polaris.shopify.com/pages/examples/page-narrow-width.tsx
+++ b/polaris.shopify.com/pages/examples/page-narrow-width.tsx
@@ -1,5 +1,4 @@
 import {Page, LegacyCard, PageActions} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function PageExample() {
diff --git a/polaris.shopify.com/pages/examples/page-with-action-groups.tsx b/polaris.shopify.com/pages/examples/page-with-action-groups.tsx
index e2cef741da4..961f17fc23b 100644
--- a/polaris.shopify.com/pages/examples/page-with-action-groups.tsx
+++ b/polaris.shopify.com/pages/examples/page-with-action-groups.tsx
@@ -1,5 +1,4 @@
 import {Page, LegacyCard} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function PageExample() {
diff --git a/polaris.shopify.com/pages/examples/page-with-content-after-title.tsx b/polaris.shopify.com/pages/examples/page-with-content-after-title.tsx
index ef9a78b9f5c..e4f9213475e 100644
--- a/polaris.shopify.com/pages/examples/page-with-content-after-title.tsx
+++ b/polaris.shopify.com/pages/examples/page-with-content-after-title.tsx
@@ -1,5 +1,4 @@
 import {Page, Badge, LegacyCard} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function PageExample() {
diff --git a/polaris.shopify.com/pages/examples/page-with-custom-primary-action.tsx b/polaris.shopify.com/pages/examples/page-with-custom-primary-action.tsx
index ac9f2ac28d5..0339f24ec47 100644
--- a/polaris.shopify.com/pages/examples/page-with-custom-primary-action.tsx
+++ b/polaris.shopify.com/pages/examples/page-with-custom-primary-action.tsx
@@ -1,5 +1,4 @@
 import {Page, Button, LegacyCard} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function PageExample() {
diff --git a/polaris.shopify.com/pages/examples/page-with-custom-secondary-action.tsx b/polaris.shopify.com/pages/examples/page-with-custom-secondary-action.tsx
index e4b544fd763..727f22ac6cb 100644
--- a/polaris.shopify.com/pages/examples/page-with-custom-secondary-action.tsx
+++ b/polaris.shopify.com/pages/examples/page-with-custom-secondary-action.tsx
@@ -1,5 +1,4 @@
 import {Page, Button} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function PageExample() {
diff --git a/polaris.shopify.com/pages/examples/page-with-destructive-secondary-action.tsx b/polaris.shopify.com/pages/examples/page-with-destructive-secondary-action.tsx
index 4037823e714..521837f3f3a 100644
--- a/polaris.shopify.com/pages/examples/page-with-destructive-secondary-action.tsx
+++ b/polaris.shopify.com/pages/examples/page-with-destructive-secondary-action.tsx
@@ -1,5 +1,4 @@
 import {Page} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function PageExample() {
diff --git a/polaris.shopify.com/pages/examples/page-with-divider.tsx b/polaris.shopify.com/pages/examples/page-with-divider.tsx
index 2474df87e12..d9f34842610 100644
--- a/polaris.shopify.com/pages/examples/page-with-divider.tsx
+++ b/polaris.shopify.com/pages/examples/page-with-divider.tsx
@@ -1,5 +1,4 @@
 import {Page, LegacyCard} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function PageExample() {
diff --git a/polaris.shopify.com/pages/examples/page-with-external-link.tsx b/polaris.shopify.com/pages/examples/page-with-external-link.tsx
index 9d6f2204b89..9795801ea41 100644
--- a/polaris.shopify.com/pages/examples/page-with-external-link.tsx
+++ b/polaris.shopify.com/pages/examples/page-with-external-link.tsx
@@ -1,6 +1,5 @@
 import {Page, LegacyCard} from '@shopify/polaris';
 import {ExternalMinor} from '@shopify/polaris-icons';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function PageExample() {
diff --git a/polaris.shopify.com/pages/examples/page-with-subtitle.tsx b/polaris.shopify.com/pages/examples/page-with-subtitle.tsx
index ca8df718b78..b77a6528bfc 100644
--- a/polaris.shopify.com/pages/examples/page-with-subtitle.tsx
+++ b/polaris.shopify.com/pages/examples/page-with-subtitle.tsx
@@ -1,6 +1,5 @@
 import {Page, LegacyCard} from '@shopify/polaris';
 import {ArrowDownMinor} from '@shopify/polaris-icons';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function PageExample() {
diff --git a/polaris.shopify.com/pages/examples/page-with-tooltip-action.tsx b/polaris.shopify.com/pages/examples/page-with-tooltip-action.tsx
index 08a8bd878e5..a746fc745ef 100644
--- a/polaris.shopify.com/pages/examples/page-with-tooltip-action.tsx
+++ b/polaris.shopify.com/pages/examples/page-with-tooltip-action.tsx
@@ -1,5 +1,4 @@
 import {Page, Button} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function PageExample() {
diff --git a/polaris.shopify.com/pages/examples/page-without-pagination.tsx b/polaris.shopify.com/pages/examples/page-without-pagination.tsx
index 5196dd91cbb..6fbf29f2788 100644
--- a/polaris.shopify.com/pages/examples/page-without-pagination.tsx
+++ b/polaris.shopify.com/pages/examples/page-without-pagination.tsx
@@ -1,5 +1,4 @@
 import {Page, LegacyCard} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function PageExample() {
diff --git a/polaris.shopify.com/pages/examples/page-without-primary-action-in-header.tsx b/polaris.shopify.com/pages/examples/page-without-primary-action-in-header.tsx
index 7b9bda5ce29..0d633e697f0 100644
--- a/polaris.shopify.com/pages/examples/page-without-primary-action-in-header.tsx
+++ b/polaris.shopify.com/pages/examples/page-without-primary-action-in-header.tsx
@@ -1,5 +1,4 @@
 import {Page, LegacyCard, LegacyStack, Button} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function PageExample() {
diff --git a/polaris.shopify.com/pages/examples/pagination-default.tsx b/polaris.shopify.com/pages/examples/pagination-default.tsx
index 9d79567247c..8734893e658 100644
--- a/polaris.shopify.com/pages/examples/pagination-default.tsx
+++ b/polaris.shopify.com/pages/examples/pagination-default.tsx
@@ -1,5 +1,4 @@
 import {Pagination} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function PaginationExample() {
diff --git a/polaris.shopify.com/pages/examples/pagination-with-keyboard-navigation.tsx b/polaris.shopify.com/pages/examples/pagination-with-keyboard-navigation.tsx
index 6b9eed74003..cd7fc18cc53 100644
--- a/polaris.shopify.com/pages/examples/pagination-with-keyboard-navigation.tsx
+++ b/polaris.shopify.com/pages/examples/pagination-with-keyboard-navigation.tsx
@@ -1,5 +1,4 @@
 import {Pagination} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function PaginationExample() {
diff --git a/polaris.shopify.com/pages/examples/pagination-with-label.tsx b/polaris.shopify.com/pages/examples/pagination-with-label.tsx
index f6d892aee30..8077dfcd485 100644
--- a/polaris.shopify.com/pages/examples/pagination-with-label.tsx
+++ b/polaris.shopify.com/pages/examples/pagination-with-label.tsx
@@ -1,5 +1,4 @@
 import {Pagination} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function PaginationExample() {
diff --git a/polaris.shopify.com/pages/examples/popover-with-searchable-listbox.tsx b/polaris.shopify.com/pages/examples/popover-with-searchable-listbox.tsx
index ef6cf5f6f5c..22828d6cab6 100644
--- a/polaris.shopify.com/pages/examples/popover-with-searchable-listbox.tsx
+++ b/polaris.shopify.com/pages/examples/popover-with-searchable-listbox.tsx
@@ -1,4 +1,4 @@
-import React, {useState} from 'react';
+import {useState} from 'react';
 import {
   Listbox,
   TextField,
diff --git a/polaris.shopify.com/pages/examples/progress-bar-colored.tsx b/polaris.shopify.com/pages/examples/progress-bar-colored.tsx
index 32923548272..236262907c1 100644
--- a/polaris.shopify.com/pages/examples/progress-bar-colored.tsx
+++ b/polaris.shopify.com/pages/examples/progress-bar-colored.tsx
@@ -1,5 +1,4 @@
 import {ProgressBar} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ProgressBarExample() {
diff --git a/polaris.shopify.com/pages/examples/progress-bar-default.tsx b/polaris.shopify.com/pages/examples/progress-bar-default.tsx
index 6d6a7e1c3fb..1372dd3dfff 100644
--- a/polaris.shopify.com/pages/examples/progress-bar-default.tsx
+++ b/polaris.shopify.com/pages/examples/progress-bar-default.tsx
@@ -1,5 +1,4 @@
 import {ProgressBar} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ProgressBarExample() {
diff --git a/polaris.shopify.com/pages/examples/progress-bar-non-animated.tsx b/polaris.shopify.com/pages/examples/progress-bar-non-animated.tsx
index 43b866f729f..bd47a690e75 100644
--- a/polaris.shopify.com/pages/examples/progress-bar-non-animated.tsx
+++ b/polaris.shopify.com/pages/examples/progress-bar-non-animated.tsx
@@ -1,5 +1,4 @@
 import {ProgressBar} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ProgressBarExample() {
diff --git a/polaris.shopify.com/pages/examples/progress-bar-small.tsx b/polaris.shopify.com/pages/examples/progress-bar-small.tsx
index ce471063f7e..7a73d9b9398 100644
--- a/polaris.shopify.com/pages/examples/progress-bar-small.tsx
+++ b/polaris.shopify.com/pages/examples/progress-bar-small.tsx
@@ -1,5 +1,4 @@
 import {ProgressBar} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ProgressBarExample() {
diff --git a/polaris.shopify.com/pages/examples/resource-item-with-media.tsx b/polaris.shopify.com/pages/examples/resource-item-with-media.tsx
index 1246f1e9484..c802d8b5007 100644
--- a/polaris.shopify.com/pages/examples/resource-item-with-media.tsx
+++ b/polaris.shopify.com/pages/examples/resource-item-with-media.tsx
@@ -1,5 +1,4 @@
 import {LegacyCard, ResourceList, ResourceItem, Avatar, Text} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ResourceItemExample() {
diff --git a/polaris.shopify.com/pages/examples/resource-item-with-shortcut-actions.tsx b/polaris.shopify.com/pages/examples/resource-item-with-shortcut-actions.tsx
index aa774e2def8..8e7aab7724c 100644
--- a/polaris.shopify.com/pages/examples/resource-item-with-shortcut-actions.tsx
+++ b/polaris.shopify.com/pages/examples/resource-item-with-shortcut-actions.tsx
@@ -1,5 +1,4 @@
 import {LegacyCard, ResourceList, ResourceItem, Avatar, Text} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ResourceItemExample() {
diff --git a/polaris.shopify.com/pages/examples/resource-item-with-vertical-alignment.tsx b/polaris.shopify.com/pages/examples/resource-item-with-vertical-alignment.tsx
index 865c24eb6de..c0314f8df6b 100644
--- a/polaris.shopify.com/pages/examples/resource-item-with-vertical-alignment.tsx
+++ b/polaris.shopify.com/pages/examples/resource-item-with-vertical-alignment.tsx
@@ -1,5 +1,4 @@
 import {LegacyCard, ResourceList, ResourceItem, Avatar, Text} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ResourceItemExample() {
diff --git a/polaris.shopify.com/pages/examples/resource-list-default.tsx b/polaris.shopify.com/pages/examples/resource-list-default.tsx
index af9ccc64b86..75cdd08f89b 100644
--- a/polaris.shopify.com/pages/examples/resource-list-default.tsx
+++ b/polaris.shopify.com/pages/examples/resource-list-default.tsx
@@ -1,5 +1,4 @@
 import {LegacyCard, ResourceList, Avatar, ResourceItem, Text} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ResourceListExample() {
diff --git a/polaris.shopify.com/pages/examples/resource-list-with-alternate-tool.tsx b/polaris.shopify.com/pages/examples/resource-list-with-alternate-tool.tsx
index 2507ced16e7..6f4977b08ac 100644
--- a/polaris.shopify.com/pages/examples/resource-list-with-alternate-tool.tsx
+++ b/polaris.shopify.com/pages/examples/resource-list-with-alternate-tool.tsx
@@ -6,7 +6,6 @@ import {
   ResourceItem,
   Text,
 } from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ResourceListWithAlternateToolExample() {
diff --git a/polaris.shopify.com/pages/examples/resource-list-with-empty-state.tsx b/polaris.shopify.com/pages/examples/resource-list-with-empty-state.tsx
index 1e1c45e3071..bb78b68dd4f 100644
--- a/polaris.shopify.com/pages/examples/resource-list-with-empty-state.tsx
+++ b/polaris.shopify.com/pages/examples/resource-list-with-empty-state.tsx
@@ -6,7 +6,6 @@ import {
   LegacyCard,
   ResourceList,
 } from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ResourceListWithEmptyStateExample() {
diff --git a/polaris.shopify.com/pages/examples/resource-list-with-item-shortcut-actions.tsx b/polaris.shopify.com/pages/examples/resource-list-with-item-shortcut-actions.tsx
index bad50508124..9e46ee350b4 100644
--- a/polaris.shopify.com/pages/examples/resource-list-with-item-shortcut-actions.tsx
+++ b/polaris.shopify.com/pages/examples/resource-list-with-item-shortcut-actions.tsx
@@ -1,5 +1,4 @@
 import {LegacyCard, ResourceList, Avatar, ResourceItem, Text} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ResourceListExample() {
diff --git a/polaris.shopify.com/pages/examples/resource-list-with-persistent-item-shortcut-actions.tsx b/polaris.shopify.com/pages/examples/resource-list-with-persistent-item-shortcut-actions.tsx
index df8b3d26edc..734376efa95 100644
--- a/polaris.shopify.com/pages/examples/resource-list-with-persistent-item-shortcut-actions.tsx
+++ b/polaris.shopify.com/pages/examples/resource-list-with-persistent-item-shortcut-actions.tsx
@@ -1,5 +1,4 @@
 import {LegacyCard, ResourceList, Avatar, ResourceItem, Text} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ResourceListExample() {
diff --git a/polaris.shopify.com/pages/examples/resource-list-with-total-count.tsx b/polaris.shopify.com/pages/examples/resource-list-with-total-count.tsx
index 198cb1cdaac..c780870bf0a 100644
--- a/polaris.shopify.com/pages/examples/resource-list-with-total-count.tsx
+++ b/polaris.shopify.com/pages/examples/resource-list-with-total-count.tsx
@@ -1,5 +1,4 @@
 import {LegacyCard, ResourceList, Avatar, ResourceItem, Text} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ResourceListWithTotalItemsCount() {
diff --git a/polaris.shopify.com/pages/examples/scrollable-default.tsx b/polaris.shopify.com/pages/examples/scrollable-default.tsx
index 5558bb4b4ef..9f2b8f22d44 100644
--- a/polaris.shopify.com/pages/examples/scrollable-default.tsx
+++ b/polaris.shopify.com/pages/examples/scrollable-default.tsx
@@ -1,5 +1,4 @@
 import {LegacyCard, Scrollable} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ScrollableExample() {
diff --git a/polaris.shopify.com/pages/examples/scrollable-to-child-component.tsx b/polaris.shopify.com/pages/examples/scrollable-to-child-component.tsx
index 1d44267b2cb..4e980b98561 100644
--- a/polaris.shopify.com/pages/examples/scrollable-to-child-component.tsx
+++ b/polaris.shopify.com/pages/examples/scrollable-to-child-component.tsx
@@ -1,5 +1,4 @@
 import {LegacyCard, Scrollable} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ScrollableExample() {
diff --git a/polaris.shopify.com/pages/examples/select-disabled.tsx b/polaris.shopify.com/pages/examples/select-disabled.tsx
index d83a33b68d3..d21f84858cf 100644
--- a/polaris.shopify.com/pages/examples/select-disabled.tsx
+++ b/polaris.shopify.com/pages/examples/select-disabled.tsx
@@ -1,5 +1,4 @@
 import {Select} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function SelectExample() {
diff --git a/polaris.shopify.com/pages/examples/sheet-with-searchable-listbox.tsx b/polaris.shopify.com/pages/examples/sheet-with-searchable-listbox.tsx
index 0d9588d10a6..eb7015f0478 100644
--- a/polaris.shopify.com/pages/examples/sheet-with-searchable-listbox.tsx
+++ b/polaris.shopify.com/pages/examples/sheet-with-searchable-listbox.tsx
@@ -1,4 +1,4 @@
-import React, {useState, useCallback} from 'react';
+import {useState, useCallback} from 'react';
 import {
   TextField,
   LegacyStack,
diff --git a/polaris.shopify.com/pages/examples/skeleton-body-text-default.tsx b/polaris.shopify.com/pages/examples/skeleton-body-text-default.tsx
index 5cb6db9d970..b2f3887f9bb 100644
--- a/polaris.shopify.com/pages/examples/skeleton-body-text-default.tsx
+++ b/polaris.shopify.com/pages/examples/skeleton-body-text-default.tsx
@@ -1,5 +1,4 @@
 import {SkeletonBodyText} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function SkeletonExample() {
diff --git a/polaris.shopify.com/pages/examples/skeleton-body-text-single-line-content.tsx b/polaris.shopify.com/pages/examples/skeleton-body-text-single-line-content.tsx
index 69419c8f69b..272c290c6ac 100644
--- a/polaris.shopify.com/pages/examples/skeleton-body-text-single-line-content.tsx
+++ b/polaris.shopify.com/pages/examples/skeleton-body-text-single-line-content.tsx
@@ -1,5 +1,4 @@
 import {SkeletonBodyText} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function SkeletonExample() {
diff --git a/polaris.shopify.com/pages/examples/skeleton-display-text-extra-large.tsx b/polaris.shopify.com/pages/examples/skeleton-display-text-extra-large.tsx
index dfc849a12fe..44349347e45 100644
--- a/polaris.shopify.com/pages/examples/skeleton-display-text-extra-large.tsx
+++ b/polaris.shopify.com/pages/examples/skeleton-display-text-extra-large.tsx
@@ -1,5 +1,4 @@
 import {SkeletonDisplayText} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function SkeletonExample() {
diff --git a/polaris.shopify.com/pages/examples/skeleton-display-text-medium-and-large.tsx b/polaris.shopify.com/pages/examples/skeleton-display-text-medium-and-large.tsx
index fa939b4f964..6aeb7e03d91 100644
--- a/polaris.shopify.com/pages/examples/skeleton-display-text-medium-and-large.tsx
+++ b/polaris.shopify.com/pages/examples/skeleton-display-text-medium-and-large.tsx
@@ -1,5 +1,4 @@
 import {SkeletonDisplayText} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function SkeletonExample() {
diff --git a/polaris.shopify.com/pages/examples/skeleton-display-text-small.tsx b/polaris.shopify.com/pages/examples/skeleton-display-text-small.tsx
index 064398a6e14..a28ea57905a 100644
--- a/polaris.shopify.com/pages/examples/skeleton-display-text-small.tsx
+++ b/polaris.shopify.com/pages/examples/skeleton-display-text-small.tsx
@@ -1,5 +1,4 @@
 import {SkeletonDisplayText} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function SkeletonExample() {
diff --git a/polaris.shopify.com/pages/examples/skeleton-page-with-dynamic-content.tsx b/polaris.shopify.com/pages/examples/skeleton-page-with-dynamic-content.tsx
index 86592463c85..9bfd25bd693 100644
--- a/polaris.shopify.com/pages/examples/skeleton-page-with-dynamic-content.tsx
+++ b/polaris.shopify.com/pages/examples/skeleton-page-with-dynamic-content.tsx
@@ -6,7 +6,6 @@ import {
   TextContainer,
   SkeletonDisplayText,
 } from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function SkeletonExample() {
diff --git a/polaris.shopify.com/pages/examples/skeleton-page-with-static-content.tsx b/polaris.shopify.com/pages/examples/skeleton-page-with-static-content.tsx
index 77b9975a6e4..f829b267805 100644
--- a/polaris.shopify.com/pages/examples/skeleton-page-with-static-content.tsx
+++ b/polaris.shopify.com/pages/examples/skeleton-page-with-static-content.tsx
@@ -1,5 +1,4 @@
 import {SkeletonPage, Layout, LegacyCard, SkeletonBodyText} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function SkeletonExample() {
diff --git a/polaris.shopify.com/pages/examples/skeleton-tabs-default.tsx b/polaris.shopify.com/pages/examples/skeleton-tabs-default.tsx
index 693e719ac5e..49b1c85e858 100644
--- a/polaris.shopify.com/pages/examples/skeleton-tabs-default.tsx
+++ b/polaris.shopify.com/pages/examples/skeleton-tabs-default.tsx
@@ -1,5 +1,4 @@
 import {LegacyCard, SkeletonTabs} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function SkeletonExample() {
diff --git a/polaris.shopify.com/pages/examples/skeleton-tabs-with-a-custom-count.tsx b/polaris.shopify.com/pages/examples/skeleton-tabs-with-a-custom-count.tsx
index 79feef0019e..57d938a5c04 100644
--- a/polaris.shopify.com/pages/examples/skeleton-tabs-with-a-custom-count.tsx
+++ b/polaris.shopify.com/pages/examples/skeleton-tabs-with-a-custom-count.tsx
@@ -1,5 +1,4 @@
 import {LegacyCard, SkeletonTabs} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function SkeletonExample() {
diff --git a/polaris.shopify.com/pages/examples/skeleton-thumbnail-extra-small.tsx b/polaris.shopify.com/pages/examples/skeleton-thumbnail-extra-small.tsx
index de5215fb6e3..6843a410878 100644
--- a/polaris.shopify.com/pages/examples/skeleton-thumbnail-extra-small.tsx
+++ b/polaris.shopify.com/pages/examples/skeleton-thumbnail-extra-small.tsx
@@ -1,5 +1,4 @@
 import {SkeletonThumbnail} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function SkeletonExample() {
diff --git a/polaris.shopify.com/pages/examples/skeleton-thumbnail-large.tsx b/polaris.shopify.com/pages/examples/skeleton-thumbnail-large.tsx
index f7fbd1318a5..b431cea7195 100644
--- a/polaris.shopify.com/pages/examples/skeleton-thumbnail-large.tsx
+++ b/polaris.shopify.com/pages/examples/skeleton-thumbnail-large.tsx
@@ -1,5 +1,4 @@
 import {SkeletonThumbnail} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function SkeletonExample() {
diff --git a/polaris.shopify.com/pages/examples/skeleton-thumbnail-medium.tsx b/polaris.shopify.com/pages/examples/skeleton-thumbnail-medium.tsx
index 1792b2d22c2..5d30ddcb019 100644
--- a/polaris.shopify.com/pages/examples/skeleton-thumbnail-medium.tsx
+++ b/polaris.shopify.com/pages/examples/skeleton-thumbnail-medium.tsx
@@ -1,5 +1,4 @@
 import {SkeletonThumbnail} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function SkeletonExample() {
diff --git a/polaris.shopify.com/pages/examples/skeleton-thumbnail-small.tsx b/polaris.shopify.com/pages/examples/skeleton-thumbnail-small.tsx
index f1448cf4f62..c78dd12b7f2 100644
--- a/polaris.shopify.com/pages/examples/skeleton-thumbnail-small.tsx
+++ b/polaris.shopify.com/pages/examples/skeleton-thumbnail-small.tsx
@@ -1,5 +1,4 @@
 import {SkeletonThumbnail} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function SkeletonExample() {
diff --git a/polaris.shopify.com/pages/examples/spinner-default.tsx b/polaris.shopify.com/pages/examples/spinner-default.tsx
index 76f072e9d4d..c7396a1dae2 100644
--- a/polaris.shopify.com/pages/examples/spinner-default.tsx
+++ b/polaris.shopify.com/pages/examples/spinner-default.tsx
@@ -1,5 +1,4 @@
 import {Spinner} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function SpinnerExample() {
diff --git a/polaris.shopify.com/pages/examples/spinner-small.tsx b/polaris.shopify.com/pages/examples/spinner-small.tsx
index 277a61b3364..968a4a1039d 100644
--- a/polaris.shopify.com/pages/examples/spinner-small.tsx
+++ b/polaris.shopify.com/pages/examples/spinner-small.tsx
@@ -1,5 +1,4 @@
 import {Spinner} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function SpinnerExample() {
diff --git a/polaris.shopify.com/pages/examples/stack-default.tsx b/polaris.shopify.com/pages/examples/stack-default.tsx
index 639dac7df51..3d1917ea096 100644
--- a/polaris.shopify.com/pages/examples/stack-default.tsx
+++ b/polaris.shopify.com/pages/examples/stack-default.tsx
@@ -1,16 +1,46 @@
-import {Stack, Badge} from '@shopify/polaris';
-import React from 'react';
+import {Stack, Text} from '@shopify/polaris';
+
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function StackExample() {
   return (
     <Stack>
-      <Badge>Paid</Badge>
-      <Badge>Processing</Badge>
-      <Badge>Fulfilled</Badge>
-      <Badge>Completed</Badge>
+      <Placeholder width="320px" label="Stack child" />
+      <Placeholder width="320px" />
+      <Placeholder width="320px" />
     </Stack>
   );
 }
 
+const Placeholder = ({
+  label = '',
+  height = 'auto',
+  width = 'auto',
+  childWidth = 'auto',
+}) => {
+  return (
+    <div
+      style={{
+        background: '#7B47F1',
+        padding: '14px var(--p-space-2)',
+        height: height ?? undefined,
+        width: width ?? undefined,
+      }}
+    >
+      <div
+        style={{
+          display: 'inline-block',
+          background: 'rgba(255, 255, 255, 0.3)',
+          color: '#FFFFFF',
+          width: childWidth ?? undefined,
+        }}
+      >
+        <Text as="h2" variant="bodyMd" fontWeight="medium">
+          {label}
+        </Text>
+      </div>
+    </div>
+  );
+};
+
 export default withPolarisExample(StackExample);
diff --git a/polaris.shopify.com/pages/examples/stack-fill-available-space-proportionally.tsx b/polaris.shopify.com/pages/examples/stack-fill-available-space-proportionally.tsx
deleted file mode 100644
index 572d9af85f2..00000000000
--- a/polaris.shopify.com/pages/examples/stack-fill-available-space-proportionally.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import {Stack, Badge, Text} from '@shopify/polaris';
-import React from 'react';
-import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
-
-function StackExample() {
-  return (
-    <Stack distribution="fill">
-      <Text variant="headingMd" as="h2">
-        Order #1136
-      </Text>
-      <Badge>Paid</Badge>
-      <Badge>Fulfilled</Badge>
-    </Stack>
-  );
-}
-
-export default withPolarisExample(StackExample);
diff --git a/polaris.shopify.com/pages/examples/stack-non-wrapping.tsx b/polaris.shopify.com/pages/examples/stack-non-wrapping.tsx
deleted file mode 100644
index 0069e4199c3..00000000000
--- a/polaris.shopify.com/pages/examples/stack-non-wrapping.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import {Stack, Badge} from '@shopify/polaris';
-import React from 'react';
-import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
-
-function StackExample() {
-  return (
-    <Stack wrap={false}>
-      <Badge>Paid</Badge>
-      <Badge>Processing</Badge>
-      <Badge>Fulfilled</Badge>
-      <Badge>Completed</Badge>
-    </Stack>
-  );
-}
-
-export default withPolarisExample(StackExample);
diff --git a/polaris.shopify.com/pages/examples/stack-spacing.tsx b/polaris.shopify.com/pages/examples/stack-spacing.tsx
deleted file mode 100644
index 7e5bd3535c6..00000000000
--- a/polaris.shopify.com/pages/examples/stack-spacing.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import {Stack, Badge} from '@shopify/polaris';
-import React from 'react';
-import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
-
-function StackExample() {
-  return (
-    <Stack spacing="loose">
-      <Badge>Paid</Badge>
-      <Badge>Fulfilled</Badge>
-    </Stack>
-  );
-}
-
-export default withPolarisExample(StackExample);
diff --git a/polaris.shopify.com/pages/examples/stack-vertical-centering.tsx b/polaris.shopify.com/pages/examples/stack-vertical-centering.tsx
deleted file mode 100644
index 5afbf183379..00000000000
--- a/polaris.shopify.com/pages/examples/stack-vertical-centering.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import {Stack, Badge, Text} from '@shopify/polaris';
-import React from 'react';
-import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
-
-function StackExample() {
-  return (
-    <Stack alignment="center">
-      <Text variant="headingMd" as="h2">
-        Order
-        <br />
-        #1136
-        <br />
-        was paid
-      </Text>
-      <Badge>Paid</Badge>
-      <Badge>Fulfilled</Badge>
-    </Stack>
-  );
-}
-
-export default withPolarisExample(StackExample);
diff --git a/polaris.shopify.com/pages/examples/stack-where-a-single-item-fills-the-remaining-space.tsx b/polaris.shopify.com/pages/examples/stack-where-a-single-item-fills-the-remaining-space.tsx
deleted file mode 100644
index 567327e49b8..00000000000
--- a/polaris.shopify.com/pages/examples/stack-where-a-single-item-fills-the-remaining-space.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import {Stack, Badge, Text} from '@shopify/polaris';
-import React from 'react';
-import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
-
-function StackExample() {
-  return (
-    <Stack>
-      <Stack.Item fill>
-        <Text variant="headingMd" as="h2">
-          Order #1136
-        </Text>
-      </Stack.Item>
-      <Stack.Item>
-        <Badge>Paid</Badge>
-      </Stack.Item>
-      <Stack.Item>
-        <Badge>Fulfilled</Badge>
-      </Stack.Item>
-    </Stack>
-  );
-}
-
-export default withPolarisExample(StackExample);
diff --git a/polaris.shopify.com/pages/examples/stack-where-items-fill-space-evenly.tsx b/polaris.shopify.com/pages/examples/stack-where-items-fill-space-evenly.tsx
deleted file mode 100644
index 511f3db5909..00000000000
--- a/polaris.shopify.com/pages/examples/stack-where-items-fill-space-evenly.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import {Stack, Badge, Text} from '@shopify/polaris';
-import React from 'react';
-import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
-
-function StackExample() {
-  return (
-    <Stack distribution="fillEvenly">
-      <Text variant="headingMd" as="h2">
-        Order #1136
-      </Text>
-      <Badge>Paid</Badge>
-      <Badge>Fulfilled</Badge>
-    </Stack>
-  );
-}
-
-export default withPolarisExample(StackExample);
diff --git a/polaris.shopify.com/pages/examples/alpha-stack-with-align.tsx b/polaris.shopify.com/pages/examples/stack-with-align.tsx
similarity index 72%
rename from polaris.shopify.com/pages/examples/alpha-stack-with-align.tsx
rename to polaris.shopify.com/pages/examples/stack-with-align.tsx
index 24fa368963e..b4104e20f03 100644
--- a/polaris.shopify.com/pages/examples/alpha-stack-with-align.tsx
+++ b/polaris.shopify.com/pages/examples/stack-with-align.tsx
@@ -1,30 +1,29 @@
-import React from 'react';
-import {AlphaStack, Page, Inline, Text, Divider} from '@shopify/polaris';
+import {Stack, Page, Inline, Text, Divider} from '@shopify/polaris';
 
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
-function AlphaStackWithAlignExample() {
+function StackWithAlignExample() {
   return (
     <Page>
-      <AlphaStack gap="8">
-        <AlphaStack gap="025" align="start">
+      <Stack gap="8">
+        <Stack gap="025" align="start">
           <Placeholder height="48px" width="320px" label="Start" />
           <Placeholder height="48px" width="320px" />
           <Placeholder height="48px" width="320px" />
-        </AlphaStack>
+        </Stack>
         <Divider />
-        <AlphaStack gap="025" align="center">
+        <Stack gap="025" align="center">
           <Placeholder height="48px" width="320px" label="Center" />
           <Placeholder height="48px" width="320px" />
           <Placeholder height="48px" width="320px" />
-        </AlphaStack>
+        </Stack>
         <Divider />
-        <AlphaStack gap="025" align="end">
+        <Stack gap="025" align="end">
           <Placeholder height="48px" width="320px" label="End" />
           <Placeholder height="48px" width="320px" />
           <Placeholder height="48px" width="320px" />
-        </AlphaStack>
-      </AlphaStack>
+        </Stack>
+      </Stack>
     </Page>
   );
 }
@@ -54,4 +53,4 @@ const Placeholder = ({label = '', height = 'auto', width = 'auto'}) => {
   );
 };
 
-export default withPolarisExample(AlphaStackWithAlignExample);
+export default withPolarisExample(StackWithAlignExample);
diff --git a/polaris.shopify.com/pages/examples/alpha-stack-with-gap.tsx b/polaris.shopify.com/pages/examples/stack-with-gap.tsx
similarity index 74%
rename from polaris.shopify.com/pages/examples/alpha-stack-with-gap.tsx
rename to polaris.shopify.com/pages/examples/stack-with-gap.tsx
index 4e0070e42d8..3852e7ce489 100644
--- a/polaris.shopify.com/pages/examples/alpha-stack-with-gap.tsx
+++ b/polaris.shopify.com/pages/examples/stack-with-gap.tsx
@@ -1,16 +1,15 @@
-import React from 'react';
-import {AlphaStack, Text} from '@shopify/polaris';
+import {Stack} from '@shopify/polaris';
 
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
-function AlphaStackWithGapExample() {
+function StackWithGapExample() {
   return (
     <SpacingBackground>
-      <AlphaStack gap="5">
+      <Stack gap="5">
         <Placeholder height="48px" />
         <Placeholder height="48px" />
         <Placeholder height="48px" />
-      </AlphaStack>
+      </Stack>
     </SpacingBackground>
   );
 }
@@ -40,4 +39,4 @@ const Placeholder = ({height = 'auto'}) => {
   );
 };
 
-export default withPolarisExample(AlphaStackWithGapExample);
+export default withPolarisExample(StackWithGapExample);
diff --git a/polaris.shopify.com/pages/examples/tag-clickable.tsx b/polaris.shopify.com/pages/examples/tag-clickable.tsx
index d75e3e5c78c..c45f944274e 100644
--- a/polaris.shopify.com/pages/examples/tag-clickable.tsx
+++ b/polaris.shopify.com/pages/examples/tag-clickable.tsx
@@ -1,5 +1,4 @@
 import {Tag} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function TagExample() {
diff --git a/polaris.shopify.com/pages/examples/tag-default.tsx b/polaris.shopify.com/pages/examples/tag-default.tsx
index c4d506ca426..495a52275ec 100644
--- a/polaris.shopify.com/pages/examples/tag-default.tsx
+++ b/polaris.shopify.com/pages/examples/tag-default.tsx
@@ -1,5 +1,4 @@
 import {Tag} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function TagExample() {
diff --git a/polaris.shopify.com/pages/examples/tag-with-custom-content.tsx b/polaris.shopify.com/pages/examples/tag-with-custom-content.tsx
index e3e85afa8bb..17e6e059e6b 100644
--- a/polaris.shopify.com/pages/examples/tag-with-custom-content.tsx
+++ b/polaris.shopify.com/pages/examples/tag-with-custom-content.tsx
@@ -1,6 +1,5 @@
 import {Tag, LegacyStack, Icon} from '@shopify/polaris';
 import {WandMinor} from '@shopify/polaris-icons';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function TagExample() {
diff --git a/polaris.shopify.com/pages/examples/tag-with-link.tsx b/polaris.shopify.com/pages/examples/tag-with-link.tsx
index d93bc1b88d3..2d62da0a304 100644
--- a/polaris.shopify.com/pages/examples/tag-with-link.tsx
+++ b/polaris.shopify.com/pages/examples/tag-with-link.tsx
@@ -1,5 +1,4 @@
 import {Tag} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function TagExample() {
diff --git a/polaris.shopify.com/pages/examples/text-align.tsx b/polaris.shopify.com/pages/examples/text-align.tsx
index 76cd1511844..c01e2203819 100644
--- a/polaris.shopify.com/pages/examples/text-align.tsx
+++ b/polaris.shopify.com/pages/examples/text-align.tsx
@@ -1,5 +1,4 @@
 import {Text, LegacyStack} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function TextExample() {
diff --git a/polaris.shopify.com/pages/examples/text-body.tsx b/polaris.shopify.com/pages/examples/text-body.tsx
index 7d85c14047d..fde22039e54 100644
--- a/polaris.shopify.com/pages/examples/text-body.tsx
+++ b/polaris.shopify.com/pages/examples/text-body.tsx
@@ -1,5 +1,4 @@
 import {Text, LegacyStack} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function TextExample() {
diff --git a/polaris.shopify.com/pages/examples/text-color.tsx b/polaris.shopify.com/pages/examples/text-color.tsx
index d6d6e66935f..4035911bb93 100644
--- a/polaris.shopify.com/pages/examples/text-color.tsx
+++ b/polaris.shopify.com/pages/examples/text-color.tsx
@@ -1,5 +1,4 @@
 import {Text, LegacyStack} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function TextExample() {
diff --git a/polaris.shopify.com/pages/examples/text-container-default.tsx b/polaris.shopify.com/pages/examples/text-container-default.tsx
index 43c04f43484..8af91627a37 100644
--- a/polaris.shopify.com/pages/examples/text-container-default.tsx
+++ b/polaris.shopify.com/pages/examples/text-container-default.tsx
@@ -1,5 +1,4 @@
 import {TextContainer, Text} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function TextContainerExample() {
diff --git a/polaris.shopify.com/pages/examples/text-container-loose.tsx b/polaris.shopify.com/pages/examples/text-container-loose.tsx
index f53a0ccd218..7f3c72991ce 100644
--- a/polaris.shopify.com/pages/examples/text-container-loose.tsx
+++ b/polaris.shopify.com/pages/examples/text-container-loose.tsx
@@ -1,5 +1,4 @@
 import {TextContainer} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function TextContainerExample() {
diff --git a/polaris.shopify.com/pages/examples/text-container-tight.tsx b/polaris.shopify.com/pages/examples/text-container-tight.tsx
index 2a47be251a9..9b3692f4caf 100644
--- a/polaris.shopify.com/pages/examples/text-container-tight.tsx
+++ b/polaris.shopify.com/pages/examples/text-container-tight.tsx
@@ -1,5 +1,4 @@
 import {TextContainer, Text} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function TextContainerExample() {
diff --git a/polaris.shopify.com/pages/examples/text-field-disabled.tsx b/polaris.shopify.com/pages/examples/text-field-disabled.tsx
index deb00fe8873..851812dce5b 100644
--- a/polaris.shopify.com/pages/examples/text-field-disabled.tsx
+++ b/polaris.shopify.com/pages/examples/text-field-disabled.tsx
@@ -1,5 +1,4 @@
 import {TextField} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function TextFieldExample() {
diff --git a/polaris.shopify.com/pages/examples/text-heading.tsx b/polaris.shopify.com/pages/examples/text-heading.tsx
index 7dce868a493..c036cb2c49c 100644
--- a/polaris.shopify.com/pages/examples/text-heading.tsx
+++ b/polaris.shopify.com/pages/examples/text-heading.tsx
@@ -1,5 +1,4 @@
 import {Text, LegacyStack} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function TextExample() {
diff --git a/polaris.shopify.com/pages/examples/text-weight.tsx b/polaris.shopify.com/pages/examples/text-weight.tsx
index 7b51369747b..c6e23f2fbb4 100644
--- a/polaris.shopify.com/pages/examples/text-weight.tsx
+++ b/polaris.shopify.com/pages/examples/text-weight.tsx
@@ -1,5 +1,4 @@
 import {Text, LegacyStack} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function TextExample() {
diff --git a/polaris.shopify.com/pages/examples/thumbnail-default.tsx b/polaris.shopify.com/pages/examples/thumbnail-default.tsx
index e93b90d3d4e..15fbb94c63e 100644
--- a/polaris.shopify.com/pages/examples/thumbnail-default.tsx
+++ b/polaris.shopify.com/pages/examples/thumbnail-default.tsx
@@ -1,5 +1,4 @@
 import {Thumbnail} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ThumbnailExample() {
diff --git a/polaris.shopify.com/pages/examples/thumbnail-extra-small.tsx b/polaris.shopify.com/pages/examples/thumbnail-extra-small.tsx
index 2dcc914ffd6..0251e9f03b2 100644
--- a/polaris.shopify.com/pages/examples/thumbnail-extra-small.tsx
+++ b/polaris.shopify.com/pages/examples/thumbnail-extra-small.tsx
@@ -1,5 +1,4 @@
 import {Thumbnail} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ThumbnailExample() {
diff --git a/polaris.shopify.com/pages/examples/thumbnail-large.tsx b/polaris.shopify.com/pages/examples/thumbnail-large.tsx
index 5c56fcac55f..5ab580ad1a1 100644
--- a/polaris.shopify.com/pages/examples/thumbnail-large.tsx
+++ b/polaris.shopify.com/pages/examples/thumbnail-large.tsx
@@ -1,5 +1,4 @@
 import {Thumbnail} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ThumbnailExample() {
diff --git a/polaris.shopify.com/pages/examples/thumbnail-small.tsx b/polaris.shopify.com/pages/examples/thumbnail-small.tsx
index 98589eaeecb..35a794e4dd0 100644
--- a/polaris.shopify.com/pages/examples/thumbnail-small.tsx
+++ b/polaris.shopify.com/pages/examples/thumbnail-small.tsx
@@ -1,5 +1,4 @@
 import {Thumbnail} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ThumbnailExample() {
diff --git a/polaris.shopify.com/pages/examples/thumbnail-with-component-source.tsx b/polaris.shopify.com/pages/examples/thumbnail-with-component-source.tsx
index 08ab504a449..0fe4393b0af 100644
--- a/polaris.shopify.com/pages/examples/thumbnail-with-component-source.tsx
+++ b/polaris.shopify.com/pages/examples/thumbnail-with-component-source.tsx
@@ -1,6 +1,5 @@
 import {Thumbnail} from '@shopify/polaris';
 import {NoteMinor} from '@shopify/polaris-icons';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function ThumbnailExample() {
diff --git a/polaris.shopify.com/pages/examples/tooltip-default.tsx b/polaris.shopify.com/pages/examples/tooltip-default.tsx
index ab114375d29..94846ec807c 100644
--- a/polaris.shopify.com/pages/examples/tooltip-default.tsx
+++ b/polaris.shopify.com/pages/examples/tooltip-default.tsx
@@ -1,5 +1,4 @@
 import {Tooltip, Text} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function TooltipExample() {
diff --git a/polaris.shopify.com/pages/examples/tooltip-visible-only-with-child-interaction.tsx b/polaris.shopify.com/pages/examples/tooltip-visible-only-with-child-interaction.tsx
index 383fe6ec457..9bec2913f99 100644
--- a/polaris.shopify.com/pages/examples/tooltip-visible-only-with-child-interaction.tsx
+++ b/polaris.shopify.com/pages/examples/tooltip-visible-only-with-child-interaction.tsx
@@ -1,5 +1,4 @@
 import {ButtonGroup, Tooltip, Button, TextField} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function TooltipExample() {
diff --git a/polaris.shopify.com/pages/examples/tooltip-with-suffix.tsx b/polaris.shopify.com/pages/examples/tooltip-with-suffix.tsx
index af7cca586d8..0cd9b4109c1 100644
--- a/polaris.shopify.com/pages/examples/tooltip-with-suffix.tsx
+++ b/polaris.shopify.com/pages/examples/tooltip-with-suffix.tsx
@@ -1,5 +1,4 @@
 import {Tooltip, Button, Inline, Text} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function TooltipExample() {
diff --git a/polaris.shopify.com/pages/examples/video-thumbnail-default.tsx b/polaris.shopify.com/pages/examples/video-thumbnail-default.tsx
index 3c871f6dd6a..75e59bbdd9d 100644
--- a/polaris.shopify.com/pages/examples/video-thumbnail-default.tsx
+++ b/polaris.shopify.com/pages/examples/video-thumbnail-default.tsx
@@ -1,5 +1,4 @@
 import {MediaCard, VideoThumbnail} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function VideoThumbnailExample() {
diff --git a/polaris.shopify.com/pages/examples/video-thumbnail-with-progress.tsx b/polaris.shopify.com/pages/examples/video-thumbnail-with-progress.tsx
index 631ed7f6a01..49dd0f33d80 100644
--- a/polaris.shopify.com/pages/examples/video-thumbnail-with-progress.tsx
+++ b/polaris.shopify.com/pages/examples/video-thumbnail-with-progress.tsx
@@ -1,5 +1,4 @@
 import {MediaCard, VideoThumbnail} from '@shopify/polaris';
-import React from 'react';
 import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
 
 function VideoThumbnailExample() {
diff --git a/polaris.shopify.com/pages/tokens/breakpoints.tsx b/polaris.shopify.com/pages/tokens/breakpoints.tsx
index b5c9ecdfa88..234ab4534b7 100644
--- a/polaris.shopify.com/pages/tokens/breakpoints.tsx
+++ b/polaris.shopify.com/pages/tokens/breakpoints.tsx
@@ -1,5 +1,4 @@
 import type {NextPage} from 'next';
-import React from 'react';
 import TokensPage from '../../src/components/TokensPage';
 import PageMeta from '../../src/components/PageMeta';
 import Container from '../../src/components/Container';
diff --git a/polaris.shopify.com/pages/tokens/colors.tsx b/polaris.shopify.com/pages/tokens/colors.tsx
index f20b6114d02..580d18f1f57 100644
--- a/polaris.shopify.com/pages/tokens/colors.tsx
+++ b/polaris.shopify.com/pages/tokens/colors.tsx
@@ -1,5 +1,4 @@
 import type {NextPage} from 'next';
-import React from 'react';
 import TokensPage from '../../src/components/TokensPage';
 import PageMeta from '../../src/components/PageMeta';
 
diff --git a/polaris.shopify.com/pages/tokens/depth.tsx b/polaris.shopify.com/pages/tokens/depth.tsx
index 09f58ead243..3a9d687f31f 100644
--- a/polaris.shopify.com/pages/tokens/depth.tsx
+++ b/polaris.shopify.com/pages/tokens/depth.tsx
@@ -1,5 +1,4 @@
 import type {NextPage} from 'next';
-import React from 'react';
 import TokensPage from '../../src/components/TokensPage';
 import PageMeta from '../../src/components/PageMeta';
 
diff --git a/polaris.shopify.com/pages/tokens/font.tsx b/polaris.shopify.com/pages/tokens/font.tsx
index 6ffed38ac99..5c2ee7f1a82 100644
--- a/polaris.shopify.com/pages/tokens/font.tsx
+++ b/polaris.shopify.com/pages/tokens/font.tsx
@@ -1,5 +1,4 @@
 import type {NextPage} from 'next';
-import React from 'react';
 import TokensPage from '../../src/components/TokensPage';
 import PageMeta from '../../src/components/PageMeta';
 
diff --git a/polaris.shopify.com/pages/tokens/motion.tsx b/polaris.shopify.com/pages/tokens/motion.tsx
index d027325dd49..be4c55dcd52 100644
--- a/polaris.shopify.com/pages/tokens/motion.tsx
+++ b/polaris.shopify.com/pages/tokens/motion.tsx
@@ -1,5 +1,4 @@
 import type {NextPage} from 'next';
-import React from 'react';
 import TokensPage from '../../src/components/TokensPage';
 import PageMeta from '../../src/components/PageMeta';
 
diff --git a/polaris.shopify.com/pages/tokens/shape.tsx b/polaris.shopify.com/pages/tokens/shape.tsx
index 87499198fcb..2421b545714 100644
--- a/polaris.shopify.com/pages/tokens/shape.tsx
+++ b/polaris.shopify.com/pages/tokens/shape.tsx
@@ -1,5 +1,4 @@
 import type {NextPage} from 'next';
-import React from 'react';
 import TokensPage from '../../src/components/TokensPage';
 import PageMeta from '../../src/components/PageMeta';
 
diff --git a/polaris.shopify.com/pages/tokens/spacing.tsx b/polaris.shopify.com/pages/tokens/spacing.tsx
index 2df514be679..e651e8c5289 100644
--- a/polaris.shopify.com/pages/tokens/spacing.tsx
+++ b/polaris.shopify.com/pages/tokens/spacing.tsx
@@ -1,5 +1,4 @@
 import type {NextPage} from 'next';
-import React from 'react';
 import TokensPage from '../../src/components/TokensPage';
 import PageMeta from '../../src/components/PageMeta';
 
diff --git a/polaris.shopify.com/pages/tokens/typography.tsx b/polaris.shopify.com/pages/tokens/typography.tsx
index 6ffed38ac99..5c2ee7f1a82 100644
--- a/polaris.shopify.com/pages/tokens/typography.tsx
+++ b/polaris.shopify.com/pages/tokens/typography.tsx
@@ -1,5 +1,4 @@
 import type {NextPage} from 'next';
-import React from 'react';
 import TokensPage from '../../src/components/TokensPage';
 import PageMeta from '../../src/components/PageMeta';
 
diff --git a/polaris.shopify.com/pages/tokens/z-index.tsx b/polaris.shopify.com/pages/tokens/z-index.tsx
index 769741c7126..2452379da5a 100644
--- a/polaris.shopify.com/pages/tokens/z-index.tsx
+++ b/polaris.shopify.com/pages/tokens/z-index.tsx
@@ -1,5 +1,4 @@
 import type {NextPage} from 'next';
-import React from 'react';
 import TokensPage from '../../src/components/TokensPage';
 import PageMeta from '../../src/components/PageMeta';
 
diff --git a/polaris.shopify.com/playroom/FrameComponent.tsx b/polaris.shopify.com/playroom/FrameComponent.tsx
index ea41185a4a0..92607bc8702 100644
--- a/polaris.shopify.com/playroom/FrameComponent.tsx
+++ b/polaris.shopify.com/playroom/FrameComponent.tsx
@@ -1,4 +1,4 @@
-import React, {useEffect} from 'react';
+import {useEffect} from 'react';
 import {AppProvider} from '@shopify/polaris';
 import '@shopify/polaris/build/esm/styles.css';
 import enTranslations from '@shopify/polaris/locales/en.json';
diff --git a/polaris.shopify.com/public/images/components/deprecated/stack.png b/polaris.shopify.com/public/images/components/deprecated/stack.png
deleted file mode 100644
index 521e95bfdf7..00000000000
Binary files a/polaris.shopify.com/public/images/components/deprecated/stack.png and /dev/null differ
diff --git a/polaris.shopify.com/public/images/components/layout-and-structure/alpha-card.png b/polaris.shopify.com/public/images/components/layout-and-structure/alpha-card.png
deleted file mode 100644
index 131c0cffefe..00000000000
Binary files a/polaris.shopify.com/public/images/components/layout-and-structure/alpha-card.png and /dev/null differ
diff --git a/polaris.shopify.com/public/images/components/deprecated/card.png b/polaris.shopify.com/public/images/components/layout-and-structure/card.png
similarity index 100%
rename from polaris.shopify.com/public/images/components/deprecated/card.png
rename to polaris.shopify.com/public/images/components/layout-and-structure/card.png
diff --git a/polaris.shopify.com/public/images/components/layout-and-structure/alpha-stack.png b/polaris.shopify.com/public/images/components/layout-and-structure/stack.png
similarity index 100%
rename from polaris.shopify.com/public/images/components/layout-and-structure/alpha-stack.png
rename to polaris.shopify.com/public/images/components/layout-and-structure/stack.png
diff --git a/polaris.shopify.com/scripts/get-props/src/get-props.ts b/polaris.shopify.com/scripts/get-props/src/get-props.ts
index a79987054bb..fa1bbedaaac 100644
--- a/polaris.shopify.com/scripts/get-props/src/get-props.ts
+++ b/polaris.shopify.com/scripts/get-props/src/get-props.ts
@@ -310,7 +310,12 @@ export function getRelevantTypes(
   ast: AllTypes,
   name: string,
   filePath: string,
+  status: string,
 ): FilteredTypes {
+  if (status === 'Deprecated') {
+    return {};
+  }
+
   let matchingNode = ast[name][filePath];
 
   if (!matchingNode) {
diff --git a/polaris.shopify.com/src/components/Button/Button.tsx b/polaris.shopify.com/src/components/Button/Button.tsx
index 26ca3c6a120..d4f4d86d66e 100644
--- a/polaris.shopify.com/src/components/Button/Button.tsx
+++ b/polaris.shopify.com/src/components/Button/Button.tsx
@@ -1,4 +1,4 @@
-import React, {forwardRef} from 'react';
+import { forwardRef } from 'react';
 import Link, {LinkProps} from 'next/link';
 import type {HTMLProps, PropsWithChildren} from 'react';
 import {className} from '../../utils/various';
diff --git a/polaris.shopify.com/src/components/ExampleWrapper/LinkButton/LinkButton.tsx b/polaris.shopify.com/src/components/ExampleWrapper/LinkButton/LinkButton.tsx
index 826a10cf7ed..8a16acef747 100644
--- a/polaris.shopify.com/src/components/ExampleWrapper/LinkButton/LinkButton.tsx
+++ b/polaris.shopify.com/src/components/ExampleWrapper/LinkButton/LinkButton.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import styles from './LinkButton.module.scss';
 type Props = React.ComponentProps<'button'>;
 
diff --git a/polaris.shopify.com/src/components/Grid/Grid.tsx b/polaris.shopify.com/src/components/Grid/Grid.tsx
index 6ac6d867c3b..a18c7602e88 100644
--- a/polaris.shopify.com/src/components/Grid/Grid.tsx
+++ b/polaris.shopify.com/src/components/Grid/Grid.tsx
@@ -1,5 +1,5 @@
 import Link from 'next/link';
-import React, {forwardRef} from 'react';
+import {forwardRef} from 'react';
 import {type SpacingSpaceScale} from '@shopify/polaris-tokens';
 import {stripMarkdownLinks} from '../../utils/various';
 import {useGlobalSearchResult} from '../GlobalSearch/GlobalSearch';
diff --git a/polaris.shopify.com/src/components/Markdown/Markdown.tsx b/polaris.shopify.com/src/components/Markdown/Markdown.tsx
index c1c25160841..f08708ef06a 100644
--- a/polaris.shopify.com/src/components/Markdown/Markdown.tsx
+++ b/polaris.shopify.com/src/components/Markdown/Markdown.tsx
@@ -1,5 +1,4 @@
 import ReactMarkdown from 'react-markdown';
-import React from 'react';
 import rehypeRaw from 'rehype-raw';
 import remarkGfm from 'remark-gfm';
 import rehypeSlug from 'rehype-slug';
diff --git a/polaris.shopify.com/src/components/PatternPage/PatternPage.tsx b/polaris.shopify.com/src/components/PatternPage/PatternPage.tsx
index 4b6d0b86616..e3a902dfe2a 100644
--- a/polaris.shopify.com/src/components/PatternPage/PatternPage.tsx
+++ b/polaris.shopify.com/src/components/PatternPage/PatternPage.tsx
@@ -1,10 +1,4 @@
-import React, {
-  Fragment,
-  useState,
-  createContext,
-  useContext,
-  useEffect,
-} from 'react';
+import {Fragment, useState, createContext, useContext, useEffect} from 'react';
 import {Tab} from '@headlessui/react';
 import Image from 'next/image';
 import Link from 'next/link';
diff --git a/polaris.shopify.com/src/components/SandboxContainer/SandboxContainer.tsx b/polaris.shopify.com/src/components/SandboxContainer/SandboxContainer.tsx
index b029b9a7f43..2b9acf5a7d5 100644
--- a/polaris.shopify.com/src/components/SandboxContainer/SandboxContainer.tsx
+++ b/polaris.shopify.com/src/components/SandboxContainer/SandboxContainer.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import styles from './SandboxContainer.module.scss';
 import {className} from '../../utils/various';
 
diff --git a/polaris.shopify.com/src/components/TipBanner/TipBanner.tsx b/polaris.shopify.com/src/components/TipBanner/TipBanner.tsx
index 4738ab7f729..90cef7f7432 100644
--- a/polaris.shopify.com/src/components/TipBanner/TipBanner.tsx
+++ b/polaris.shopify.com/src/components/TipBanner/TipBanner.tsx
@@ -1,4 +1,4 @@
-import {AlphaStack, Icon, Inline, Text} from '@shopify/polaris';
+import {Stack, Icon, Inline, Text} from '@shopify/polaris';
 import {InfoMinor} from '@shopify/polaris-icons';
 import styles from './TipBanner.module.scss';
 
@@ -10,7 +10,7 @@ interface Props {
 function TipBanner({title, message}: Props) {
   return (
     <div className={styles.TipBanner}>
-      <AlphaStack gap="2">
+      <Stack gap="2">
         <Inline gap="2">
           <div>
             <Icon source={InfoMinor} color="highlight" />
@@ -20,7 +20,7 @@ function TipBanner({title, message}: Props) {
           </Text>
         </Inline>
         <p>{message}</p>
-      </AlphaStack>
+      </Stack>
     </div>
   );
 }
diff --git a/polaris.shopify.com/src/utils/hooks.ts b/polaris.shopify.com/src/utils/hooks.ts
index 814d2029744..430ad644e6b 100644
--- a/polaris.shopify.com/src/utils/hooks.ts
+++ b/polaris.shopify.com/src/utils/hooks.ts
@@ -1,4 +1,4 @@
-import React, {useEffect, useRef, useState, useCallback} from 'react';
+import {useEffect, useRef, useState, useCallback} from 'react';
 import throttle from 'lodash.throttle';
 import {useRouter} from 'next/router';
 
diff --git a/polaris.shopify.com/tsconfig.json b/polaris.shopify.com/tsconfig.json
index 356f7512c1a..2bd0ceb0575 100644
--- a/polaris.shopify.com/tsconfig.json
+++ b/polaris.shopify.com/tsconfig.json
@@ -3,7 +3,11 @@
   "display": "Next.js",
   "compilerOptions": {
     "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
diff --git a/stylelint-polaris/package.json b/stylelint-polaris/package.json
index ecc7650245e..9f8e3942349 100644
--- a/stylelint-polaris/package.json
+++ b/stylelint-polaris/package.json
@@ -13,6 +13,9 @@
     "access": "public",
     "@shopify:registry": "https://registry.npmjs.org"
   },
+  "engines": {
+    "node": "^16.17.0 || >=18.12.0"
+  },
   "files": [
     "index.js",
     "configs/",
diff --git a/yarn.lock b/yarn.lock
index 9703b5d9f4a..d8ce8b3b2c6 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -50,6 +50,11 @@
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.19.3.tgz#707b939793f867f5a73b2666e6d9a3396eb03151"
   integrity sha512-prBHMK4JYYK+wDjJF1q99KK4JLL+egWS4nmNqdlMUgCExMZ+iZW0hGhyC3VEbsPjvaN0TBhW//VIFwBrk8sEiw==
 
+"@babel/compat-data@^7.20.5":
+  version "7.20.14"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.20.14.tgz#4106fc8b755f3e3ee0a0a7c27dde5de1d2b2baf8"
+  integrity sha512-0YpKHD6ImkWMEINCyDAD0HLLUH/lPCefG8ld9it8DJB2wnApraKuhgYTvTY1z7UFIfBTGy5LwncZ+5HWWGbhFw==
+
 "@babel/core@7.12.9":
   version "7.12.9"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.12.9.tgz#fd450c4ec10cdbb980e2928b7aa7a28484593fc8"
@@ -72,7 +77,7 @@
     semver "^5.4.1"
     source-map "^0.5.0"
 
-"@babel/core@^7.0.0", "@babel/core@^7.1.0", "@babel/core@^7.12.10", "@babel/core@^7.12.3", "@babel/core@^7.13.16", "@babel/core@^7.15.0", "@babel/core@^7.16.0", "@babel/core@^7.4.5", "@babel/core@^7.7.2", "@babel/core@^7.7.5", "@babel/core@^7.8.0":
+"@babel/core@^7.0.0", "@babel/core@^7.1.0", "@babel/core@^7.12.10", "@babel/core@^7.12.3", "@babel/core@^7.13.16", "@babel/core@^7.4.5", "@babel/core@^7.7.2", "@babel/core@^7.7.5", "@babel/core@^7.8.0":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.18.9.tgz#805461f967c77ff46c74ca0460ccf4fe933ddd59"
   integrity sha512-1LIb1eL8APMy91/IMW+31ckrfBM4yCoLaVzoDhZUKSM4cu1L1nIidyxkCgzPAgrC5WEz36IPEr/eSeSF9pIn+g==
@@ -114,6 +119,27 @@
     json5 "^2.2.1"
     semver "^6.3.0"
 
+"@babel/core@^7.20.12":
+  version "7.20.12"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.20.12.tgz#7930db57443c6714ad216953d1356dac0eb8496d"
+  integrity sha512-XsMfHovsUYHFMdrIHkZphTN/2Hzzi78R08NuHfDBehym2VsPDL6Zn/JAD/JQdnRvbSsbQc4mVaU1m6JgtTEElg==
+  dependencies:
+    "@ampproject/remapping" "^2.1.0"
+    "@babel/code-frame" "^7.18.6"
+    "@babel/generator" "^7.20.7"
+    "@babel/helper-compilation-targets" "^7.20.7"
+    "@babel/helper-module-transforms" "^7.20.11"
+    "@babel/helpers" "^7.20.7"
+    "@babel/parser" "^7.20.7"
+    "@babel/template" "^7.20.7"
+    "@babel/traverse" "^7.20.12"
+    "@babel/types" "^7.20.7"
+    convert-source-map "^1.7.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.2.2"
+    semver "^6.3.0"
+
 "@babel/eslint-parser@^7.16.3":
   version "7.17.0"
   resolved "https://registry.yarnpkg.com/@babel/eslint-parser/-/eslint-parser-7.17.0.tgz#eabb24ad9f0afa80e5849f8240d0e5facc2d90d6"
@@ -148,6 +174,15 @@
     "@jridgewell/gen-mapping" "^0.3.2"
     jsesc "^2.5.1"
 
+"@babel/generator@^7.20.7":
+  version "7.20.14"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.20.14.tgz#9fa772c9f86a46c6ac9b321039400712b96f64ce"
+  integrity sha512-AEmuXHdcD3A52HHXxaTmYlb8q/xMEhoRP67B3T4Oq7lbmSoqroMZzjnGj3+i1io3pdnF8iBYVu4Ilj+c4hBxYg==
+  dependencies:
+    "@babel/types" "^7.20.7"
+    "@jridgewell/gen-mapping" "^0.3.2"
+    jsesc "^2.5.1"
+
 "@babel/helper-annotate-as-pure@^7.16.7", "@babel/helper-annotate-as-pure@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.18.6.tgz#eaa49f6f80d5a33f9a5dd2276e6d6e451be0a6bb"
@@ -191,6 +226,17 @@
     browserslist "^4.21.3"
     semver "^6.3.0"
 
+"@babel/helper-compilation-targets@^7.20.7":
+  version "7.20.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.20.7.tgz#a6cd33e93629f5eb473b021aac05df62c4cd09bb"
+  integrity sha512-4tGORmfQcrc+bvrjb5y3dG9Mx1IOZjsHqQVUz7XCNHO+iTmqxWnVg3KRygjGmpRLJGdQSKuvFinbIb0CnZwHAQ==
+  dependencies:
+    "@babel/compat-data" "^7.20.5"
+    "@babel/helper-validator-option" "^7.18.6"
+    browserslist "^4.21.3"
+    lru-cache "^5.1.1"
+    semver "^6.3.0"
+
 "@babel/helper-create-class-features-plugin@^7.16.10", "@babel/helper-create-class-features-plugin@^7.17.6", "@babel/helper-create-class-features-plugin@^7.17.9", "@babel/helper-create-class-features-plugin@^7.18.6", "@babel/helper-create-class-features-plugin@^7.19.0":
   version "7.19.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.19.0.tgz#bfd6904620df4e46470bae4850d66be1054c404b"
@@ -301,7 +347,7 @@
   dependencies:
     "@babel/types" "^7.18.9"
 
-"@babel/helper-module-imports@^7.10.4", "@babel/helper-module-imports@^7.12.13", "@babel/helper-module-imports@^7.16.7", "@babel/helper-module-imports@^7.18.6":
+"@babel/helper-module-imports@^7.12.13", "@babel/helper-module-imports@^7.16.7", "@babel/helper-module-imports@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz#1e3ebdbbd08aad1437b428c50204db13c5a3ca6e"
   integrity sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==
@@ -336,6 +382,20 @@
     "@babel/traverse" "^7.19.0"
     "@babel/types" "^7.19.0"
 
+"@babel/helper-module-transforms@^7.20.11":
+  version "7.20.11"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.20.11.tgz#df4c7af713c557938c50ea3ad0117a7944b2f1b0"
+  integrity sha512-uRy78kN4psmji1s2QtbtcCSaj/LILFDp0f/ymhpQH5QY3nljUZCaNWz9X1dEj/8MBdBEFECs7yRhKn8i7NjZgg==
+  dependencies:
+    "@babel/helper-environment-visitor" "^7.18.9"
+    "@babel/helper-module-imports" "^7.18.6"
+    "@babel/helper-simple-access" "^7.20.2"
+    "@babel/helper-split-export-declaration" "^7.18.6"
+    "@babel/helper-validator-identifier" "^7.19.1"
+    "@babel/template" "^7.20.7"
+    "@babel/traverse" "^7.20.10"
+    "@babel/types" "^7.20.7"
+
 "@babel/helper-optimise-call-expression@^7.16.7", "@babel/helper-optimise-call-expression@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.18.6.tgz#9369aa943ee7da47edab2cb4e838acf09d290ffe"
@@ -401,6 +461,13 @@
   dependencies:
     "@babel/types" "^7.18.6"
 
+"@babel/helper-simple-access@^7.20.2":
+  version "7.20.2"
+  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.20.2.tgz#0ab452687fe0c2cfb1e2b9e0015de07fc2d62dd9"
+  integrity sha512-+0woI/WPq59IrqDYbVGfshjT5Dmk/nnbdpcF8SnMhhXObpTq2KNBdLFRFrkVdbDOyUmHBCxzm5FHV1rACIkIbA==
+  dependencies:
+    "@babel/types" "^7.20.2"
+
 "@babel/helper-skip-transparent-expression-wrappers@^7.16.0", "@babel/helper-skip-transparent-expression-wrappers@^7.18.9":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.18.9.tgz#778d87b3a758d90b471e7b9918f34a9a02eb5818"
@@ -420,6 +487,11 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.18.10.tgz#181f22d28ebe1b3857fa575f5c290b1aaf659b56"
   integrity sha512-XtIfWmeNY3i4t7t4D2t02q50HvqHybPqW2ki1kosnvWCwuCMeo81Jf0gwr85jy/neUdg5XDdeFE/80DXiO+njw==
 
+"@babel/helper-string-parser@^7.19.4":
+  version "7.19.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.19.4.tgz#38d3acb654b4701a9b77fb0615a96f775c3a9e63"
+  integrity sha512-nHtDoQcuqFmwYNYPz3Rah5ph2p8PFeFCsZk9A/48dPc/rGocJ5J3hAAZ7pb76VWX3fZKu+uEr/FhH5jLx7umrw==
+
 "@babel/helper-validator-identifier@^7.16.7", "@babel/helper-validator-identifier@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.18.6.tgz#9c97e30d31b2b8c72a1d08984f2ca9b574d7a076"
@@ -473,6 +545,15 @@
     "@babel/traverse" "^7.19.0"
     "@babel/types" "^7.19.0"
 
+"@babel/helpers@^7.20.7":
+  version "7.20.13"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.20.13.tgz#e3cb731fb70dc5337134cadc24cbbad31cc87ad2"
+  integrity sha512-nzJ0DWCL3gB5RCXbUO3KIMMsBY2Eqbx8mBpKGE/02PgyRQFcPQLbkQ1vyy596mZLaP+dAfD+R4ckASzNVmW3jg==
+  dependencies:
+    "@babel/template" "^7.20.7"
+    "@babel/traverse" "^7.20.13"
+    "@babel/types" "^7.20.7"
+
 "@babel/highlight@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.18.6.tgz#81158601e93e2563795adcbfbdf5d64be3f2ecdf"
@@ -482,16 +563,16 @@
     chalk "^2.0.0"
     js-tokens "^4.0.0"
 
-"@babel/node@^7.14.9":
-  version "7.16.8"
-  resolved "https://registry.yarnpkg.com/@babel/node/-/node-7.16.8.tgz#57ba1dfa63dbcc72d477f05597ce07f1c4f8b558"
-  integrity sha512-V2dopEtPUL4LD+e8UtMIZB6BbsmMsS/7E1ZAvWNINzBfi7Cf3X9MLCpzHVZT4HeeF1lQl72IRtqqVt2RUImwyA==
+"@babel/node@^7.20.7":
+  version "7.20.7"
+  resolved "https://registry.yarnpkg.com/@babel/node/-/node-7.20.7.tgz#609be7f841893e24931b7910263babfde84040a9"
+  integrity sha512-AQt3gVcP+fpFuoFn4FmIW/+5JovvEoA9og4Y1LrRw0pv3jkl4tujZMMy3X/3ugjLrEy3k1aNywo3JIl3g+jVXQ==
   dependencies:
-    "@babel/register" "^7.16.8"
+    "@babel/register" "^7.18.9"
     commander "^4.0.1"
-    core-js "^3.20.2"
+    core-js "^3.26.0"
     node-environment-flags "^1.0.5"
-    regenerator-runtime "^0.13.4"
+    regenerator-runtime "^0.13.11"
     v8flags "^3.1.1"
 
 "@babel/parser@^7.1.0", "@babel/parser@^7.12.11", "@babel/parser@^7.12.7", "@babel/parser@^7.13.16", "@babel/parser@^7.14.7", "@babel/parser@^7.18.10", "@babel/parser@^7.18.9":
@@ -504,6 +585,11 @@
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.19.3.tgz#8dd36d17c53ff347f9e55c328710321b49479a9a"
   integrity sha512-pJ9xOlNWHiy9+FuFP09DEAFbAn4JskgRsVcc169w2xRBC3FRGuQEwjeIMMND9L2zc0iEhO/tGv4Zq+km+hxNpQ==
 
+"@babel/parser@^7.20.13", "@babel/parser@^7.20.7":
+  version "7.20.13"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.20.13.tgz#ddf1eb5a813588d2fb1692b70c6fce75b945c088"
+  integrity sha512-gFDLKMfpiXCsjt4za2JA9oTMn70CeseCehb11kRZgvd7+F67Hih3OHOK24cRrWECJ/ljfPGac6ygXAs/C8kIvw==
+
 "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.16.7":
   version "7.16.7"
   resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.16.7.tgz#4eda6d6c2a0aa79c70fa7b6da67763dfe2141050"
@@ -555,7 +641,7 @@
     "@babel/helper-remap-async-to-generator" "^7.18.9"
     "@babel/plugin-syntax-async-generators" "^7.8.4"
 
-"@babel/plugin-proposal-class-properties@^7.12.1", "@babel/plugin-proposal-class-properties@^7.13.0", "@babel/plugin-proposal-class-properties@^7.16.0", "@babel/plugin-proposal-class-properties@^7.16.7", "@babel/plugin-proposal-class-properties@^7.18.6":
+"@babel/plugin-proposal-class-properties@^7.12.1", "@babel/plugin-proposal-class-properties@^7.13.0", "@babel/plugin-proposal-class-properties@^7.16.7", "@babel/plugin-proposal-class-properties@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.18.6.tgz#b110f59741895f7ec21a6fff696ec46265c446a3"
   integrity sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ==
@@ -581,7 +667,7 @@
     "@babel/helper-plugin-utils" "^7.18.6"
     "@babel/plugin-syntax-class-static-block" "^7.14.5"
 
-"@babel/plugin-proposal-decorators@^7.12.12", "@babel/plugin-proposal-decorators@^7.16.4":
+"@babel/plugin-proposal-decorators@^7.12.12":
   version "7.17.9"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.17.9.tgz#67a1653be9c77ce5b6c318aa90c8287b87831619"
   integrity sha512-EfH2LZ/vPa2wuPwJ26j+kYRkaubf89UlwxKXtxqEm57HrgSEYDB8t4swFP+p8LcI9yiP9ZRJJjo/58hS6BnaDA==
@@ -593,7 +679,7 @@
     "@babel/plugin-syntax-decorators" "^7.17.0"
     charcodes "^0.2.0"
 
-"@babel/plugin-proposal-dynamic-import@^7.16.0", "@babel/plugin-proposal-dynamic-import@^7.16.7":
+"@babel/plugin-proposal-dynamic-import@^7.16.7":
   version "7.16.7"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.16.7.tgz#c19c897eaa46b27634a00fee9fb7d829158704b2"
   integrity sha512-I8SW9Ho3/8DRSdmDdH3gORdyUuYnk1m4cMxUAdu5oy4n3OfN8flDEH+d60iG7dUfi0KkYwSvoalHzzdRzpWHTg==
@@ -665,7 +751,7 @@
     "@babel/helper-plugin-utils" "^7.18.9"
     "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
 
-"@babel/plugin-proposal-nullish-coalescing-operator@^7.12.1", "@babel/plugin-proposal-nullish-coalescing-operator@^7.13.8", "@babel/plugin-proposal-nullish-coalescing-operator@^7.16.0", "@babel/plugin-proposal-nullish-coalescing-operator@^7.16.7", "@babel/plugin-proposal-nullish-coalescing-operator@^7.18.6":
+"@babel/plugin-proposal-nullish-coalescing-operator@^7.12.1", "@babel/plugin-proposal-nullish-coalescing-operator@^7.13.8", "@babel/plugin-proposal-nullish-coalescing-operator@^7.16.7", "@babel/plugin-proposal-nullish-coalescing-operator@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.18.6.tgz#fdd940a99a740e577d6c753ab6fbb43fdb9467e1"
   integrity sha512-wQxQzxYeJqHcfppzBDnm1yAY0jSRkUXR2z8RePZYrKwMKgMlE8+Z6LUno+bd6LvbGh8Gltvy74+9pIYkr+XkKA==
@@ -673,7 +759,7 @@
     "@babel/helper-plugin-utils" "^7.18.6"
     "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
 
-"@babel/plugin-proposal-numeric-separator@^7.16.0", "@babel/plugin-proposal-numeric-separator@^7.16.7":
+"@babel/plugin-proposal-numeric-separator@^7.16.7":
   version "7.16.7"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.16.7.tgz#d6b69f4af63fb38b6ca2558442a7fb191236eba9"
   integrity sha512-vQgPMknOIgiuVqbokToyXbkY/OmmjAzr/0lhSIbG/KmnzXPGwW/AdhdKpi+O4X/VkWiWjnkKOBiqJrTaC98VKw==
@@ -736,7 +822,7 @@
     "@babel/helper-plugin-utils" "^7.18.6"
     "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
 
-"@babel/plugin-proposal-optional-chaining@^7.12.7", "@babel/plugin-proposal-optional-chaining@^7.13.12", "@babel/plugin-proposal-optional-chaining@^7.16.0", "@babel/plugin-proposal-optional-chaining@^7.16.7", "@babel/plugin-proposal-optional-chaining@^7.18.9":
+"@babel/plugin-proposal-optional-chaining@^7.12.7", "@babel/plugin-proposal-optional-chaining@^7.13.12", "@babel/plugin-proposal-optional-chaining@^7.16.7", "@babel/plugin-proposal-optional-chaining@^7.18.9":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.18.9.tgz#e8e8fe0723f2563960e4bf5e9690933691915993"
   integrity sha512-v5nwt4IqBXihxGsW2QmCWMDS3B3bzGIk/EQVZz2ei7f3NJl8NzAJVvUmpDW5q1CRNY+Beb/k58UAH1Km1N411w==
@@ -745,7 +831,7 @@
     "@babel/helper-skip-transparent-expression-wrappers" "^7.18.9"
     "@babel/plugin-syntax-optional-chaining" "^7.8.3"
 
-"@babel/plugin-proposal-private-methods@^7.12.1", "@babel/plugin-proposal-private-methods@^7.16.0", "@babel/plugin-proposal-private-methods@^7.16.11":
+"@babel/plugin-proposal-private-methods@^7.12.1", "@babel/plugin-proposal-private-methods@^7.16.11":
   version "7.16.11"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-methods/-/plugin-proposal-private-methods-7.16.11.tgz#e8df108288555ff259f4527dbe84813aac3a1c50"
   integrity sha512-F/2uAkPlXDr8+BHpZvo19w3hLFKge+k75XUprE6jaqKxjGkSYcK+4c+bup5PdW/7W/Rpjwql7FTVEDW+fRAQsw==
@@ -1204,7 +1290,7 @@
     "@babel/helper-plugin-utils" "^7.18.6"
     babel-plugin-dynamic-import-node "^2.3.3"
 
-"@babel/plugin-transform-modules-commonjs@^7.13.8", "@babel/plugin-transform-modules-commonjs@^7.16.0", "@babel/plugin-transform-modules-commonjs@^7.16.8", "@babel/plugin-transform-modules-commonjs@^7.18.6":
+"@babel/plugin-transform-modules-commonjs@^7.13.8", "@babel/plugin-transform-modules-commonjs@^7.16.8", "@babel/plugin-transform-modules-commonjs@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.18.6.tgz#afd243afba166cca69892e24a8fd8c9f2ca87883"
   integrity sha512-Qfv2ZOWikpvmedXQJDSbxNqy7Xr/j2Y8/KfijM0iJyKkBTmWuvCA1yeH1yDM7NJhBW/2aXxeucLj6i80/LAJ/Q==
@@ -1325,13 +1411,6 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/plugin-transform-react-constant-elements@^7.16.0":
-  version "7.17.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-constant-elements/-/plugin-transform-react-constant-elements-7.17.6.tgz#6cc273c2f612a6a50cb657e63ee1303e5e68d10a"
-  integrity sha512-OBv9VkyyKtsHZiHLoSfCn+h6yU7YKX8nrs32xUmOa1SRSk+t03FosB6fBZ0Yz4BpD1WV7l73Nsad+2Tz7APpqw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.16.7"
-
 "@babel/plugin-transform-react-display-name@^7.16.7":
   version "7.16.7"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.16.7.tgz#7b6d40d232f4c0f550ea348593db3b21e2404340"
@@ -1427,18 +1506,6 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/plugin-transform-runtime@^7.16.4":
-  version "7.17.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.17.0.tgz#0a2e08b5e2b2d95c4b1d3b3371a2180617455b70"
-  integrity sha512-fr7zPWnKXNc1xoHfrIU9mN/4XKX4VLZ45Q+oMhfsYIaHvg7mHgmhfOy/ckRWqDK7XF3QDigRpkh5DKq6+clE8A==
-  dependencies:
-    "@babel/helper-module-imports" "^7.16.7"
-    "@babel/helper-plugin-utils" "^7.16.7"
-    babel-plugin-polyfill-corejs2 "^0.3.0"
-    babel-plugin-polyfill-corejs3 "^0.5.0"
-    babel-plugin-polyfill-regenerator "^0.3.0"
-    semver "^6.3.0"
-
 "@babel/plugin-transform-shorthand-properties@^7.12.1", "@babel/plugin-transform-shorthand-properties@^7.16.7":
   version "7.16.7"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.16.7.tgz#e8549ae4afcf8382f711794c0c7b6b934c5fbd2a"
@@ -1755,7 +1822,7 @@
     "@babel/plugin-transform-react-jsx-development" "^7.18.6"
     "@babel/plugin-transform-react-pure-annotations" "^7.18.6"
 
-"@babel/preset-typescript@^7.12.7", "@babel/preset-typescript@^7.13.0", "@babel/preset-typescript@^7.16.0":
+"@babel/preset-typescript@^7.12.7", "@babel/preset-typescript@^7.13.0", "@babel/preset-typescript@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.18.6.tgz#ce64be3e63eddc44240c6358daefac17b3186399"
   integrity sha512-s9ik86kXBAnD760aybBucdpnLsAt0jK1xqJn2juOn9lkOvSHV60os5hxoVJsPzMQxvnUJFAlkont2DvvaYEBtQ==
@@ -1764,7 +1831,7 @@
     "@babel/helper-validator-option" "^7.18.6"
     "@babel/plugin-transform-typescript" "^7.18.6"
 
-"@babel/register@^7.12.1", "@babel/register@^7.13.16", "@babel/register@^7.16.8":
+"@babel/register@^7.12.1", "@babel/register@^7.13.16", "@babel/register@^7.18.9":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/register/-/register-7.18.9.tgz#1888b24bc28d5cc41c412feb015e9ff6b96e439c"
   integrity sha512-ZlbnXDcNYHMR25ITwwNKT88JiaukkdVj/nG7r3wnuXkOTHc60Uy05PwMCPre0hSkY68E6zK3xz+vUJSP2jWmcw==
@@ -1818,6 +1885,15 @@
     "@babel/parser" "^7.18.10"
     "@babel/types" "^7.18.10"
 
+"@babel/template@^7.20.7":
+  version "7.20.7"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.20.7.tgz#a15090c2839a83b02aa996c0b4994005841fd5a8"
+  integrity sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==
+  dependencies:
+    "@babel/code-frame" "^7.18.6"
+    "@babel/parser" "^7.20.7"
+    "@babel/types" "^7.20.7"
+
 "@babel/traverse@^7.1.6", "@babel/traverse@^7.12.11", "@babel/traverse@^7.12.9", "@babel/traverse@^7.13.0", "@babel/traverse@^7.16.8", "@babel/traverse@^7.18.9", "@babel/traverse@^7.7.2":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.18.9.tgz#deeff3e8f1bad9786874cb2feda7a2d77a904f98"
@@ -1850,6 +1926,22 @@
     debug "^4.1.0"
     globals "^11.1.0"
 
+"@babel/traverse@^7.20.10", "@babel/traverse@^7.20.12", "@babel/traverse@^7.20.13":
+  version "7.20.13"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.20.13.tgz#817c1ba13d11accca89478bd5481b2d168d07473"
+  integrity sha512-kMJXfF0T6DIS9E8cgdLCSAL+cuCK+YEZHWiLK0SXpTo8YRj5lpJu3CDNKiIBCne4m9hhTIqUg6SYTAI39tAiVQ==
+  dependencies:
+    "@babel/code-frame" "^7.18.6"
+    "@babel/generator" "^7.20.7"
+    "@babel/helper-environment-visitor" "^7.18.9"
+    "@babel/helper-function-name" "^7.19.0"
+    "@babel/helper-hoist-variables" "^7.18.6"
+    "@babel/helper-split-export-declaration" "^7.18.6"
+    "@babel/parser" "^7.20.13"
+    "@babel/types" "^7.20.7"
+    debug "^4.1.0"
+    globals "^11.1.0"
+
 "@babel/types@^7.0.0", "@babel/types@^7.12.11", "@babel/types@^7.12.7", "@babel/types@^7.16.7", "@babel/types@^7.16.8", "@babel/types@^7.17.0", "@babel/types@^7.18.10", "@babel/types@^7.18.6", "@babel/types@^7.18.9", "@babel/types@^7.19.0", "@babel/types@^7.2.0", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.4.4":
   version "7.19.0"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.19.0.tgz#75f21d73d73dc0351f3368d28db73465f4814600"
@@ -1868,6 +1960,15 @@
     "@babel/helper-validator-identifier" "^7.19.1"
     to-fast-properties "^2.0.0"
 
+"@babel/types@^7.20.2", "@babel/types@^7.20.7":
+  version "7.20.7"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.20.7.tgz#54ec75e252318423fc07fb644dc6a58a64c09b7f"
+  integrity sha512-69OnhBxSSgK0OzTJai4kyPDiKTIe3j+ctaHdIGVbRahTLAT7L3R9oeXHC2aVSuGYt3cVnoAMDmOCgJ2yaiLMvg==
+  dependencies:
+    "@babel/helper-string-parser" "^7.19.4"
+    "@babel/helper-validator-identifier" "^7.19.1"
+    to-fast-properties "^2.0.0"
+
 "@base2/pretty-print-object@1.0.1":
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/@base2/pretty-print-object/-/pretty-print-object-1.0.1.tgz#371ba8be66d556812dc7fb169ebc3c08378f69d4"
@@ -2681,7 +2782,7 @@
   resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.1.2.tgz#7c6cf998d6d20b914c0a55a91ae928ff25965e72"
   integrity sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==
 
-"@jridgewell/sourcemap-codec@1.4.14":
+"@jridgewell/sourcemap-codec@1.4.14", "@jridgewell/sourcemap-codec@^1.4.13":
   version "1.4.14"
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz#add4c98d341472a289190b424efbdb096991bb24"
   integrity sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==
@@ -3106,96 +3207,74 @@
   resolved "https://registry.yarnpkg.com/@radix-ui/react-polymorphic/-/react-polymorphic-0.0.14.tgz#fc6cefee6686db8c5a7ff14c8c1b9b5abdee325b"
   integrity sha512-9nsMZEDU3LeIUeHJrpkkhZVxu/9Fc7P2g2I3WR+uA9mTbNC3hGaabi0dV6wg0CfHb+m4nSs1pejbE/5no3MJTA==
 
-"@rollup/plugin-babel@^5.3.1":
-  version "5.3.1"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz#04bc0608f4aa4b2e4b1aebf284344d0f68fda283"
-  integrity sha512-WFfdLWU/xVWKeRQnKmIAQULUI7Il0gZnBIH/ZFO069wYIfPu+8zrfp/KMW0atmELoRDq8FbiP3VCss9MhCut7Q==
-  dependencies:
-    "@babel/helper-module-imports" "^7.10.4"
-    "@rollup/pluginutils" "^3.1.0"
-
-"@rollup/plugin-commonjs@^21.1.0":
-  version "21.1.0"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-commonjs/-/plugin-commonjs-21.1.0.tgz#45576d7b47609af2db87f55a6d4b46e44fc3a553"
-  integrity sha512-6ZtHx3VHIp2ReNNDxHjuUml6ur+WcQ28N1yHgCQwsbNkQg2suhxGMDQGJOn/KuDxKtd1xuZP5xSTwBA4GQ8hbA==
+"@rollup/plugin-babel@^6.0.3":
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-babel/-/plugin-babel-6.0.3.tgz#07ccde15de278c581673034ad6accdb4a153dfeb"
+  integrity sha512-fKImZKppa1A/gX73eg4JGo+8kQr/q1HBQaCGKECZ0v4YBBv3lFqi14+7xyApECzvkLTHCifx+7ntcrvtBIRcpg==
   dependencies:
-    "@rollup/pluginutils" "^3.1.0"
-    commondir "^1.0.1"
-    estree-walker "^2.0.1"
-    glob "^7.1.6"
-    is-reference "^1.2.1"
-    magic-string "^0.25.7"
-    resolve "^1.17.0"
+    "@babel/helper-module-imports" "^7.18.6"
+    "@rollup/pluginutils" "^5.0.1"
 
-"@rollup/plugin-commonjs@^22.0.2":
-  version "22.0.2"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-commonjs/-/plugin-commonjs-22.0.2.tgz#ee8ca8415cda30d383b4096aad5222435b4b69b6"
-  integrity sha512-//NdP6iIwPbMTcazYsiBMbJW7gfmpHom33u1beiIoHDEM0Q9clvtQB1T0efvMqHeKsGohiHo97BCPCkBXdscwg==
+"@rollup/plugin-commonjs@^24.0.1":
+  version "24.0.1"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-commonjs/-/plugin-commonjs-24.0.1.tgz#d54ba26a3e3c495dc332bd27a81f7e9e2df46f90"
+  integrity sha512-15LsiWRZk4eOGqvrJyu3z3DaBu5BhXIMeWnijSRvd8irrrg9SHpQ1pH+BUK4H6Z9wL9yOxZJMTLU+Au86XHxow==
   dependencies:
-    "@rollup/pluginutils" "^3.1.0"
+    "@rollup/pluginutils" "^5.0.1"
     commondir "^1.0.1"
-    estree-walker "^2.0.1"
-    glob "^7.1.6"
-    is-reference "^1.2.1"
-    magic-string "^0.25.7"
-    resolve "^1.17.0"
+    estree-walker "^2.0.2"
+    glob "^8.0.3"
+    is-reference "1.2.1"
+    magic-string "^0.27.0"
 
-"@rollup/plugin-image@^2.0.5":
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-image/-/plugin-image-2.1.1.tgz#898d6b59ac0025d7971ef45640ab330cb0663b0c"
-  integrity sha512-AgP4U85zuQJdUopLUCM+hTf45RepgXeTb8EJsleExVy99dIoYpt3ZlDYJdKmAc2KLkNntCDg6BPJvgJU3uGF+g==
+"@rollup/plugin-image@^3.0.2":
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-image/-/plugin-image-3.0.2.tgz#8a66389510517495c5d10d392140cdefa43b27c2"
+  integrity sha512-eGVrD6lummWH5ENo9LWX3JY62uBb9okUNQ2htXkugrG6WjACrMUVhWvss+0wW3fwJWmFYpoEny3yL4spEdh15g==
   dependencies:
-    "@rollup/pluginutils" "^3.1.0"
-    mini-svg-data-uri "^1.2.3"
+    "@rollup/pluginutils" "^5.0.1"
+    mini-svg-data-uri "^1.4.4"
 
-"@rollup/plugin-json@^4.1.0":
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-json/-/plugin-json-4.1.0.tgz#54e09867ae6963c593844d8bd7a9c718294496f3"
-  integrity sha512-yfLbTdNS6amI/2OpmbiBoW12vngr5NW2jCJVZSBEz+H5KfUJZ2M7sDjk0U6GOOdCWFVScShte29o9NezJ53TPw==
+"@rollup/plugin-json@^6.0.0":
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-json/-/plugin-json-6.0.0.tgz#199fea6670fd4dfb1f4932250569b14719db234a"
+  integrity sha512-i/4C5Jrdr1XUarRhVu27EEwjt4GObltD7c+MkCIpO2QIbojw8MUs+CCTqOphQi3Qtg1FLmYt+l+6YeoIf51J7w==
   dependencies:
-    "@rollup/pluginutils" "^3.0.8"
+    "@rollup/pluginutils" "^5.0.1"
 
-"@rollup/plugin-node-resolve@^13.2.1", "@rollup/plugin-node-resolve@^13.3.0":
-  version "13.3.0"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-node-resolve/-/plugin-node-resolve-13.3.0.tgz#da1c5c5ce8316cef96a2f823d111c1e4e498801c"
-  integrity sha512-Lus8rbUo1eEcnS4yTFKLZrVumLPY+YayBdWXgFSHYhTT2iJbMhoaaBL3xl5NCdeRytErGr8tZ0L71BMRmnlwSw==
+"@rollup/plugin-node-resolve@^15.0.1":
+  version "15.0.1"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.0.1.tgz#72be449b8e06f6367168d5b3cd5e2802e0248971"
+  integrity sha512-ReY88T7JhJjeRVbfCyNj+NXAG3IIsVMsX9b5/9jC98dRP8/yxlZdz7mHZbHk5zHr24wZZICS5AcXsFZAXYUQEg==
   dependencies:
-    "@rollup/pluginutils" "^3.1.0"
-    "@types/resolve" "1.17.1"
+    "@rollup/pluginutils" "^5.0.1"
+    "@types/resolve" "1.20.2"
     deepmerge "^4.2.2"
-    is-builtin-module "^3.1.0"
+    is-builtin-module "^3.2.0"
     is-module "^1.0.0"
-    resolve "^1.19.0"
+    resolve "^1.22.1"
 
-"@rollup/plugin-replace@^2.3.3":
-  version "2.4.2"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-replace/-/plugin-replace-2.4.2.tgz#a2d539314fbc77c244858faa523012825068510a"
-  integrity sha512-IGcu+cydlUMZ5En85jxHH4qj2hta/11BHq95iHEyb2sbgiN0eCdzvUcHw5gt9pBL5lTi4JDYJ1acCoMGpTvEZg==
+"@rollup/plugin-replace@^5.0.2":
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-replace/-/plugin-replace-5.0.2.tgz#45f53501b16311feded2485e98419acb8448c61d"
+  integrity sha512-M9YXNekv/C/iHHK+cvORzfRYfPbq0RDD8r0G+bMiTXjNGKulPnCT9O3Ss46WfhI6ZOCgApOP7xAdmCQJ+U2LAA==
   dependencies:
-    "@rollup/pluginutils" "^3.1.0"
-    magic-string "^0.25.7"
-
-"@rollup/plugin-virtual@^2.0.3":
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-virtual/-/plugin-virtual-2.1.0.tgz#a77bfd0dff74f0203401c75287ff4d1a1cfbc816"
-  integrity sha512-CPPAtlKT53HFqC8jFHb/V5WErpU8Hrq2TyCR0A7kPQMlF2wNUf0o1xuAc+Qxj8NCZM0Z3Yvl+FbUXfJjVWqDwA==
+    "@rollup/pluginutils" "^5.0.1"
+    magic-string "^0.27.0"
 
-"@rollup/pluginutils@^3.0.8", "@rollup/pluginutils@^3.1.0":
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-3.1.0.tgz#706b4524ee6dc8b103b3c995533e5ad680c02b9b"
-  integrity sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==
-  dependencies:
-    "@types/estree" "0.0.39"
-    estree-walker "^1.0.1"
-    picomatch "^2.2.2"
+"@rollup/plugin-virtual@^3.0.1":
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-virtual/-/plugin-virtual-3.0.1.tgz#cea7e489481cc0ca91516c047f8c53c1cfb1adf6"
+  integrity sha512-fK8O0IL5+q+GrsMLuACVNk2x21g3yaw+sG2qn16SnUd3IlBsQyvWxLMGHmCmXRMecPjGRSZ/1LmZB4rjQm68og==
 
-"@rollup/pluginutils@^4.1.0":
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-4.2.1.tgz#e6c6c3aba0744edce3fb2074922d3776c0af2a6d"
-  integrity sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==
+"@rollup/pluginutils@^5.0.1", "@rollup/pluginutils@^5.0.2":
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.0.2.tgz#012b8f53c71e4f6f9cb317e311df1404f56e7a33"
+  integrity sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==
   dependencies:
-    estree-walker "^2.0.1"
-    picomatch "^2.2.2"
+    "@types/estree" "^1.0.0"
+    estree-walker "^2.0.2"
+    picomatch "^2.3.1"
 
 "@rushstack/eslint-patch@^1.1.3":
   version "1.2.0"
@@ -3207,34 +3286,6 @@
   resolved "https://registry.yarnpkg.com/@shopify/async/-/async-3.1.5.tgz#fcb1253ed2f41f22f9ce2ca28dc667003f4a1a71"
   integrity sha512-kc/QSwQpcG2Enm6QqLUvCSbPuEabX34DTo/NKQh5eT6ud6gOCwTL3jdIiybK9RzRe3gbEUJ9cfCuggT87bXcZg==
 
-"@shopify/babel-preset@^24.1.2":
-  version "24.1.5"
-  resolved "https://registry.yarnpkg.com/@shopify/babel-preset/-/babel-preset-24.1.5.tgz#76cfef62bb8a4d9769559f3f2505148a55d13488"
-  integrity sha512-IJJoSXU2/WJDzXsj5V5QagcCLnxJ8bRTegRkX7yhvesVhZ4mFUKlustrUH7T64O9l8qQ/MEF996lkqfgJuDCkQ==
-  dependencies:
-    "@babel/core" "^7.16.0"
-    "@babel/plugin-proposal-class-properties" "^7.16.0"
-    "@babel/plugin-proposal-decorators" "^7.16.4"
-    "@babel/plugin-proposal-dynamic-import" "^7.16.0"
-    "@babel/plugin-proposal-nullish-coalescing-operator" "^7.16.0"
-    "@babel/plugin-proposal-numeric-separator" "^7.16.0"
-    "@babel/plugin-proposal-optional-chaining" "^7.16.0"
-    "@babel/plugin-proposal-private-methods" "^7.16.0"
-    "@babel/plugin-transform-modules-commonjs" "^7.16.0"
-    "@babel/plugin-transform-react-constant-elements" "^7.16.0"
-    "@babel/plugin-transform-runtime" "^7.16.4"
-    "@babel/preset-env" "^7.16.4"
-    "@babel/preset-react" "^7.16.0"
-    "@babel/preset-typescript" "^7.16.0"
-    "@babel/runtime" "^7.16.3"
-    babel-plugin-react-test-id "^1.0.2"
-    babel-plugin-transform-inline-environment-variables "^0.4.3"
-
-"@shopify/browserslist-config@^3.0.0":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@shopify/browserslist-config/-/browserslist-config-3.0.0.tgz#fedfef0dedc97155a60432c152eff50df88e13d2"
-  integrity sha512-NzZTZ8EEG6xmM1ApSsQFDqW6C5CmByNhXyLxwWjVX08GzHxkhMc10MSY7WGvTCzd1lQuZEp8Ko/jOCBTQQsEGg==
-
 "@shopify/cli-kit@3.10.1":
   version "3.10.1"
   resolved "https://registry.yarnpkg.com/@shopify/cli-kit/-/cli-kit-3.10.1.tgz#deaf0ead4989ad4d7645a00b7f4b9cbeb8052993"
@@ -4482,10 +4533,10 @@
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.51.tgz#cfd70924a25a3fd32b218e5e420e6897e1ac4f40"
   integrity sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==
 
-"@types/estree@0.0.39":
-  version "0.0.39"
-  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.39.tgz#e177e699ee1b8c22d23174caaa7422644389509f"
-  integrity sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==
+"@types/estree@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.0.tgz#5fb2e536c1ae9bf35366eed879e827fa59ca41c2"
+  integrity sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==
 
 "@types/express-serve-static-core@*", "@types/express-serve-static-core@^4.17.18":
   version "4.17.31"
@@ -4758,16 +4809,6 @@
   resolved "https://registry.yarnpkg.com/@types/node/-/node-17.0.29.tgz#7f2e1159231d4a077bb660edab0fde373e375a3d"
   integrity sha512-tx5jMmMFwx7wBwq/V7OohKDVb/JwJU5qCVkeLMh1//xycAJ/ESuw9aJ9SEtlCZDYi2pBfe4JkisSoAtbOsBNAA==
 
-"@types/node@14.x":
-  version "14.18.16"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-14.18.16.tgz#878f670ba3f00482bf859b6550b6010610fc54b5"
-  integrity sha512-X3bUMdK/VmvrWdoTkz+VCn6nwKwrKCFTHtqwBIaQJNx4RUIBBUFXM00bqPz/DsDd+Icjmzm6/tyYZzeGVqb6/Q==
-
-"@types/node@17.0.21":
-  version "17.0.21"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-17.0.21.tgz#864b987c0c68d07b4345845c3e63b75edd143644"
-  integrity sha512-DBZCJbhII3r90XbQxI8Y9IjjiiOGlZ0Hr32omXIZvwwZ7p4DMMXGrKXVyPfuoBOri9XNtL0UK69jYIBIsRX3QQ==
-
 "@types/node@^12.7.1":
   version "12.20.52"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-12.20.52.tgz#2fd2dc6bfa185601b15457398d4ba1ef27f81251"
@@ -4778,10 +4819,10 @@
   resolved "https://registry.yarnpkg.com/@types/node/-/node-16.11.45.tgz#155b13a33c665ef2b136f7f245fa525da419e810"
   integrity sha512-3rKg/L5x0rofKuuUt5zlXzOnKyIHXmIu5R8A0TuNDMF2062/AOIDBciFIjToLEJ/9F9DzkHNot+BpNsMI1OLdQ==
 
-"@types/node@^16.11.11":
-  version "16.11.31"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-16.11.31.tgz#1dad8138efee6808809bb80f9e66bbe3e46c9277"
-  integrity sha512-wh/d0pcu/Ie2mqTIqh4tjd0mLAB4JWxOjHQtLN20HS7sjMHiV4Afr+90hITTyZcxowwha5wjv32jGEn1zkEFMg==
+"@types/node@^18.11.18":
+  version "18.11.18"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-18.11.18.tgz#8dfb97f0da23c2293e554c5a50d61ef134d7697f"
+  integrity sha512-DHQpWGjyQKSHj3ebjFI/wRKcqQcdR+MoFBygntYOZytCqNfkd2ZC4ARDJ2DQqhjH5p85Nnd3jhUJIXrszFX/JA==
 
 "@types/node@^8.10.50":
   version "8.10.66"
@@ -4894,12 +4935,10 @@
     "@types/scheduler" "*"
     csstype "^3.0.2"
 
-"@types/resolve@1.17.1":
-  version "1.17.1"
-  resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-1.17.1.tgz#3afd6ad8967c77e4376c598a82ddd58f46ec45d6"
-  integrity sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==
-  dependencies:
-    "@types/node" "*"
+"@types/resolve@1.20.2":
+  version "1.20.2"
+  resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-1.20.2.tgz#97d26e00cd4a0423b4af620abecf3e6f442b7975"
+  integrity sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==
 
 "@types/responselike@*", "@types/responselike@^1.0.0":
   version "1.0.0"
@@ -6342,7 +6381,7 @@ azure-devops-node-api@^11.0.1:
     tunnel "0.0.6"
     typed-rest-client "^1.8.4"
 
-babel-core@7.0.0-bridge.0, babel-core@^7.0.0-bridge.0:
+babel-core@^7.0.0-bridge.0:
   version "7.0.0-bridge.0"
   resolved "https://registry.yarnpkg.com/babel-core/-/babel-core-7.0.0-bridge.0.tgz#95a492ddd90f9b4e9a4a1da14eb335b87b634ece"
   integrity sha512-poPX9mZH/5CSanm50Q+1toVci6pv5KSRv/5TWCwtzQS5XEwn40BcCrgIeMFWP9CKKIniKXNxoIOnOq4VVlGXhg==
@@ -6361,7 +6400,7 @@ babel-jest@^27.5.1:
     graceful-fs "^4.2.9"
     slash "^3.0.0"
 
-babel-loader@^8.0.0, babel-loader@^8.1.0, babel-loader@^8.2.2:
+babel-loader@^8.0.0, babel-loader@^8.2.2:
   version "8.2.5"
   resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-8.2.5.tgz#d45f585e654d5a5d90f5350a779d7647c5ed512e"
   integrity sha512-OSiFfH89LrEMiWd4pLNqGz4CwJDtbs2ZVc+iGu2HrkRfPxId9F2anQj38IxWpmRfsUY0aBZYi1EFcd3mhtRMLQ==
@@ -6371,6 +6410,14 @@ babel-loader@^8.0.0, babel-loader@^8.1.0, babel-loader@^8.2.2:
     make-dir "^3.1.0"
     schema-utils "^2.6.5"
 
+babel-loader@^9.1.2:
+  version "9.1.2"
+  resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-9.1.2.tgz#a16a080de52d08854ee14570469905a5fc00d39c"
+  integrity sha512-mN14niXW43tddohGl8HPu5yfQq70iUThvFL/4QzESA7GcZoC0eVOhvWdQ8+3UlSjaDE9MVtsW9mxDY07W7VpVA==
+  dependencies:
+    find-cache-dir "^3.3.2"
+    schema-utils "^4.0.0"
+
 babel-plugin-add-module-exports@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/babel-plugin-add-module-exports/-/babel-plugin-add-module-exports-0.2.1.tgz#9ae9a1f4a8dc67f0cdec4f4aeda1e43a5ff65e25"
@@ -6513,16 +6560,6 @@ babel-plugin-react-docgen@^4.2.1:
     lodash "^4.17.15"
     react-docgen "^5.0.0"
 
-babel-plugin-react-test-id@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/babel-plugin-react-test-id/-/babel-plugin-react-test-id-1.0.2.tgz#90fb7ab91e9623bea47ad1f7eddd9a38e2dfc51b"
-  integrity sha1-kPt6uR6WI76ketH37d2aOOLfxRs=
-
-babel-plugin-transform-inline-environment-variables@^0.4.3:
-  version "0.4.3"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-inline-environment-variables/-/babel-plugin-transform-inline-environment-variables-0.4.3.tgz#a3b09883353be8b5e2336e3ff1ef8a5d93f9c489"
-  integrity sha1-o7CYgzU76LXiM24/8e+KXZP5xIk=
-
 babel-preset-current-node-syntax@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.0.1.tgz#b4399239b89b2a011f9ddbe3e4f401fc40cff73b"
@@ -6915,26 +6952,15 @@ browserify-zlib@^0.2.0:
   dependencies:
     pako "~1.0.5"
 
-browserslist@^4.0.0, browserslist@^4.12.0, browserslist@^4.14.5, browserslist@^4.16.6, browserslist@^4.20.2, browserslist@^4.20.3:
-  version "4.20.3"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.20.3.tgz#eb7572f49ec430e054f56d52ff0ebe9be915f8bf"
-  integrity sha512-NBhymBQl1zM0Y5dQT/O+xiLP9/rzOIQdKM/eMJBAq7yBgaB6krIYLGejrwVYnSHZdqjscB1SPuAjHwxjvN6Wdg==
+browserslist@^4.0.0, browserslist@^4.12.0, browserslist@^4.14.5, browserslist@^4.16.6, browserslist@^4.20.2, browserslist@^4.20.3, browserslist@^4.21.3, browserslist@^4.21.4:
+  version "4.21.5"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.5.tgz#75c5dae60063ee641f977e00edd3cfb2fb7af6a7"
+  integrity sha512-tUkiguQGW7S3IhB7N+c2MV/HZPSCPAAiYBZXLsBhFB/PCy6ZKKsZrmBayHV9fdGV/ARIfJ14NkxKzRDjvp7L6w==
   dependencies:
-    caniuse-lite "^1.0.30001332"
-    electron-to-chromium "^1.4.118"
-    escalade "^3.1.1"
-    node-releases "^2.0.3"
-    picocolors "^1.0.0"
-
-browserslist@^4.21.3, browserslist@^4.21.4:
-  version "4.21.4"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.4.tgz#e7496bbc67b9e39dd0f98565feccdcb0d4ff6987"
-  integrity sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==
-  dependencies:
-    caniuse-lite "^1.0.30001400"
-    electron-to-chromium "^1.4.251"
-    node-releases "^2.0.6"
-    update-browserslist-db "^1.0.9"
+    caniuse-lite "^1.0.30001449"
+    electron-to-chromium "^1.4.284"
+    node-releases "^2.0.8"
+    update-browserslist-db "^1.0.10"
 
 bser@2.1.1:
   version "2.1.1"
@@ -7313,16 +7339,16 @@ caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001332:
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001334.tgz#892e9965b35285033fc2b8a8eff499fe02f13d8b"
   integrity sha512-kbaCEBRRVSoeNs74sCuq92MJyGrMtjWVfhltoHUCW4t4pXFvGjUBrfo47weBRViHkiV3eBYyIsfl956NtHGazw==
 
-caniuse-lite@^1.0.30001400:
-  version "1.0.30001418"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001418.tgz#5f459215192a024c99e3e3a53aac310fc7cf24e6"
-  integrity sha512-oIs7+JL3K9JRQ3jPZjlH6qyYDp+nBTCais7hjh0s+fuBwufc7uZ7hPYMXrDOJhV360KGMTcczMRObk0/iMqZRg==
-
 caniuse-lite@^1.0.30001406:
   version "1.0.30001426"
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001426.tgz#58da20446ccd0cb1dfebd11d2350c907ee7c2eaa"
   integrity sha512-n7cosrHLl8AWt0wwZw/PJZgUg3lV0gk9LMI7ikGJwhyhgsd2Nb65vKvmSexCqq/J7rbH3mFG6yZZiPR5dLPW5A==
 
+caniuse-lite@^1.0.30001449:
+  version "1.0.30001449"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001449.tgz#a8d11f6a814c75c9ce9d851dc53eb1d1dfbcd657"
+  integrity sha512-CPB+UL9XMT/Av+pJxCKGhdx+yg1hzplvFJQlJ2n68PyQGMz9L/E2zCyLdOL8uasbouTUgnPl+y0tccI/se+BEw==
+
 capital-case@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/capital-case/-/capital-case-1.0.4.tgz#9d130292353c9249f6b00fa5852bee38a717e669"
@@ -8213,11 +8239,16 @@ core-js-pure@^3.20.2, core-js-pure@^3.8.1:
   resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.22.3.tgz#181d1b6321fb29fe99c16a1f28beb840ab84ad36"
   integrity sha512-oN88zz7nmKROMy8GOjs+LN+0LedIvbMdnB5XsTlhcOg1WGARt9l0LFg0zohdoFmCsEZ1h2ZbSQ6azj3M+vhzwQ==
 
-core-js@^3.0.0, core-js@^3.0.4, core-js@^3.20.2, core-js@^3.6.5, core-js@^3.8.2:
+core-js@^3.0.0, core-js@^3.0.4, core-js@^3.6.5, core-js@^3.8.2:
   version "3.22.3"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.22.3.tgz#498c41d997654cb00e81c7a54b44f0ab21ab01d5"
   integrity sha512-1t+2a/d2lppW1gkLXx3pKPVGbBdxXAkqztvWb1EJ8oF8O2gIGiytzflNiFEehYwVK/t2ryUsGBoOFFvNx95mbg==
 
+core-js@^3.26.0:
+  version "3.27.2"
+  resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.27.2.tgz#85b35453a424abdcacb97474797815f4d62ebbf7"
+  integrity sha512-9ashVQskuh5AZEZ1JdQWp1GqSoC1e1G87MzRqg2gIfVAQ7Qn9K+uFj8EcniUFA4P2NLZfV+TOlX1SzoKfo+s7w==
+
 core-util-is@1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
@@ -9194,14 +9225,6 @@ dotenv@^8.0.0, dotenv@^8.1.0:
   resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-8.6.0.tgz#061af664d19f7f4d8fc6e4ff9b584ce237adcb8b"
   integrity sha512-IrPdXQsk2BbzvCBGBOTmmSH5SodmqZNt4ERAZDmW4CT+tL8VtvinqywuANaFu4bOMWki16nqf0e4oC0QIaDr/g==
 
-downlevel-dts@^0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/downlevel-dts/-/downlevel-dts-0.6.0.tgz#1e52db9fa3ad9e3919a36545412f0b41a44289d1"
-  integrity sha512-Jy3ZZcXWPzTn5jJRW5WpdEtIq8+UowWWi5TEBgHHvzw320kouV//2KgVhfcuOpP93KS3UAokTxnZKU4L75kRSQ==
-  dependencies:
-    shelljs "^0.8.3"
-    typescript "^4.1.0-dev.20200804"
-
 duplexer2@~0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/duplexer2/-/duplexer2-0.1.4.tgz#8b12dab878c0d69e3e7891051662a32fc6bddcc1"
@@ -9257,15 +9280,10 @@ ejs@^3.1.6:
   dependencies:
     jake "^10.8.5"
 
-electron-to-chromium@^1.4.118:
-  version "1.4.124"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.124.tgz#e9015e234d8632920dcdf5480351da9e845ed220"
-  integrity sha512-VhaE9VUYU6d2eIb+4xf83CATD+T+3bTzvxvlADkQE+c2hisiw3sZmvEDtsW704+Zky9WZGhBuQXijDVqSriQLA==
-
-electron-to-chromium@^1.4.251:
-  version "1.4.276"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.276.tgz#17837b19dafcc43aba885c4689358b298c19b520"
-  integrity sha512-EpuHPqu8YhonqLBXHoU6hDJCD98FCe6KDoet3/gY1qsQ6usjJoHqBH2YIVs8FXaAtHwVL8Uqa/fsYao/vq9VWQ==
+electron-to-chromium@^1.4.284:
+  version "1.4.284"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.284.tgz#61046d1e4cab3a25238f6bf7413795270f125592"
+  integrity sha512-M8WEXFuKXMYMVr45fo8mq0wUrrJHheiKZf6BArTKk9ZBYCKJEOU5H8cdWgDT+qCVZf7Na4lVUaZsA+h6uA9+PA==
 
 element-resize-detector@^1.2.2:
   version "1.2.4"
@@ -9966,12 +9984,7 @@ estree-to-babel@^3.1.0:
     "@babel/types" "^7.2.0"
     c8 "^7.6.0"
 
-estree-walker@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-1.0.1.tgz#31bc5d612c96b704106b477e6dd5d8aa138cb700"
-  integrity sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==
-
-estree-walker@^2.0.1:
+estree-walker@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-2.0.2.tgz#52f010178c2a4c117a7757cfe942adb7d2da4cac"
   integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
@@ -10590,7 +10603,7 @@ find-cache-dir@^2.0.0, find-cache-dir@^2.1.0:
     make-dir "^2.0.0"
     pkg-dir "^3.0.0"
 
-find-cache-dir@^3.3.1:
+find-cache-dir@^3.3.1, find-cache-dir@^3.3.2:
   version "3.3.2"
   resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-3.3.2.tgz#b30c5b6eff0730731aea9bbd9dbecbd80256d64b"
   integrity sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==
@@ -11385,6 +11398,17 @@ glob@^7.0.0, glob@^7.0.3, glob@^7.0.6, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, gl
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
+glob@^8.0.3:
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-8.1.0.tgz#d388f656593ef708ee3e34640fdfb99a9fd1c33e"
+  integrity sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^5.0.1"
+    once "^1.3.0"
+
 global-dirs@^0.1.0:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/global-dirs/-/global-dirs-0.1.1.tgz#b319c0dd4607f353f3be9cca4c72fc148c49f445"
@@ -12643,11 +12667,6 @@ internal-slot@^1.0.3:
     has "^1.0.3"
     side-channel "^1.0.4"
 
-interpret@^1.0.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.4.0.tgz#665ab8bc4da27a774a40584e812e3e0fa45b1a1e"
-  integrity sha512-agE4QfB2Lkp9uICn7BAqoscw4SZP9kTE2hxiFI3jBPmXJfdqiahTbUuKGsMoN2GtqL9AxhYioAcVvgsb1HvRbA==
-
 interpret@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/interpret/-/interpret-2.2.0.tgz#1a78a0b5965c40a5416d007ad6f50ad27c417df9"
@@ -12782,7 +12801,7 @@ is-buffer@^2.0.0, is-buffer@^2.0.2:
   resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-2.0.5.tgz#ebc252e400d22ff8d77fa09888821a24a658c191"
   integrity sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==
 
-is-builtin-module@^3.1.0:
+is-builtin-module@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/is-builtin-module/-/is-builtin-module-3.2.0.tgz#bb0310dfe881f144ca83f30100ceb10cf58835e0"
   integrity sha512-phDA4oSGt7vl1n5tJvTWooWWAsXLY+2xCnxNqvKhGEzujg+A43wPlPOyDg3C8XQHN+6k/JTQWJ/j0dQh/qr+Hw==
@@ -12827,6 +12846,13 @@ is-core-module@^2.2.0, is-core-module@^2.5.0, is-core-module@^2.8.1:
   dependencies:
     has "^1.0.3"
 
+is-core-module@^2.9.0:
+  version "2.11.0"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.11.0.tgz#ad4cb3e3863e814523c96f3f58d26cc570ff0144"
+  integrity sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==
+  dependencies:
+    has "^1.0.3"
+
 is-data-descriptor@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz#0b5ee648388e2c860282e793f1856fec3f301b56"
@@ -13119,7 +13145,7 @@ is-redirect@^1.0.0:
   resolved "https://registry.yarnpkg.com/is-redirect/-/is-redirect-1.0.0.tgz#1d03dded53bd8db0f30c26e4f95d36fc7c87dc24"
   integrity sha512-cr/SlUEe5zOGmzvj9bUyC4LVvkNVAXu4GytXLNMr1pny+a65MpQ9IJzFHD5vi7FyJgb4qt27+eS3TuQnqB+RQw==
 
-is-reference@^1.2.1:
+is-reference@1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/is-reference/-/is-reference-1.2.1.tgz#8b2dac0b371f4bc994fdeaba9eb542d03002d0b7"
   integrity sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==
@@ -14085,6 +14111,11 @@ json5@^2.1.2, json5@^2.1.3, json5@^2.2.1:
   resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.1.tgz#655d50ed1e6f95ad1a3caababd2b0efda10b395c"
   integrity sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==
 
+json5@^2.2.2:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
+  integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
+
 jsonfile@^2.1.0:
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-2.4.0.tgz#3736a2b428b87bbda0cc83b53fa3d633a35c2ae8"
@@ -14783,12 +14814,12 @@ lz-string@^1.4.4:
   resolved "https://registry.yarnpkg.com/lz-string/-/lz-string-1.4.4.tgz#c0d8eaf36059f705796e1e344811cf4c498d3a26"
   integrity sha512-0ckx7ZHRPqb0oUm8zNr+90mtf9DQB60H1wMCjBtfi62Kl3a7JbHob6gA2bC+xRvZoOL+1hzUK8jeuEIQE8svEQ==
 
-magic-string@^0.25.7:
-  version "0.25.9"
-  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.25.9.tgz#de7f9faf91ef8a1c91d02c2e5314c8277dbcdd1c"
-  integrity sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==
+magic-string@^0.27.0:
+  version "0.27.0"
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.27.0.tgz#e4a3413b4bab6d98d2becffd48b4a257effdbbf3"
+  integrity sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==
   dependencies:
-    sourcemap-codec "^1.4.8"
+    "@jridgewell/sourcemap-codec" "^1.4.13"
 
 make-dir@^1.0.0:
   version "1.3.0"
@@ -15733,7 +15764,7 @@ mini-css-extract-plugin@^2.6.0:
   dependencies:
     schema-utils "^4.0.0"
 
-mini-svg-data-uri@^1.2.3:
+mini-svg-data-uri@^1.4.4:
   version "1.4.4"
   resolved "https://registry.yarnpkg.com/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz#8ab0aabcdf8c29ad5693ca595af19dd2ead09939"
   integrity sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==
@@ -16247,15 +16278,10 @@ node-plop@^0.31.0:
     title-case "^3.0.3"
     upper-case "^2.0.2"
 
-node-releases@^2.0.3:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.4.tgz#f38252370c43854dc48aa431c766c6c398f40476"
-  integrity sha512-gbMzqQtTtDz/00jQzZ21PQzdI9PyLYqUSvD0p3naOhX4odFji0ZxYdnVwPTxmSwkmxhcFImpozceidSG+AgoPQ==
-
-node-releases@^2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.6.tgz#8a7088c63a55e493845683ebf3c828d8c51c5503"
-  integrity sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg==
+node-releases@^2.0.8:
+  version "2.0.8"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.8.tgz#0f349cdc8fcfa39a92ac0be9bc48b7706292b9ae"
+  integrity sha512-dFSmB8fFHEH/s81Xi+Y/15DQY6VHW81nXRj86EMSL3lmuTmK1e+aT4wrFCkTbm+gSwkw4KpX+rT/pMM2c1mF+A==
 
 node-sass@^7.0.1:
   version "7.0.1"
@@ -17353,7 +17379,7 @@ picocolors@^1.0.0:
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
   integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
 
-picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.2, picomatch@^2.2.3, picomatch@^2.3.0, picomatch@^2.3.1:
+picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.3, picomatch@^2.3.0, picomatch@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
@@ -18821,13 +18847,6 @@ recast@^0.20.3, recast@^0.20.4:
     source-map "~0.6.1"
     tslib "^2.0.1"
 
-rechoir@^0.6.2:
-  version "0.6.2"
-  resolved "https://registry.yarnpkg.com/rechoir/-/rechoir-0.6.2.tgz#85204b54dba82d5742e28c96756ef43af50e3384"
-  integrity sha1-hSBLVNuoLVdC4oyWdW70OvUOM4Q=
-  dependencies:
-    resolve "^1.1.6"
-
 rechoir@^0.8.0:
   version "0.8.0"
   resolved "https://registry.yarnpkg.com/rechoir/-/rechoir-0.8.0.tgz#49f866e0d32146142da3ad8f0eff352b3215ff22"
@@ -19320,7 +19339,7 @@ resolve.exports@^1.1.0:
   resolved "https://registry.yarnpkg.com/resolve.exports/-/resolve.exports-1.1.0.tgz#5ce842b94b05146c0e03076985d1d0e7e48c90c9"
   integrity sha512-J1l+Zxxp4XK3LUDZ9m60LRJF/mAe4z6a4xyabPHk7pvK5t35dACV32iIjJDFeWZFfZlO29w6SZ67knR0tHzJtQ==
 
-resolve@^1.1.6, resolve@^1.10.0, resolve@^1.10.1, resolve@^1.14.2, resolve@^1.17.0, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.22.0, resolve@^1.3.2:
+resolve@^1.10.0, resolve@^1.10.1, resolve@^1.14.2, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.22.0, resolve@^1.3.2:
   version "1.22.0"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.0.tgz#5e0b8c67c15df57a89bdbabe603a002f21731198"
   integrity sha512-Hhtrw0nLeSrFQ7phPp4OOcVjLPIeMnRlr5mcnVuMe7M/7eBn98A3hmFRLoFo3DLZkivSYwhRUJTyPyWAk56WLw==
@@ -19329,6 +19348,15 @@ resolve@^1.1.6, resolve@^1.10.0, resolve@^1.10.1, resolve@^1.14.2, resolve@^1.17
     path-parse "^1.0.7"
     supports-preserve-symlinks-flag "^1.0.0"
 
+resolve@^1.22.1:
+  version "1.22.1"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.1.tgz#27cb2ebb53f91abb49470a928bba7558066ac177"
+  integrity sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==
+  dependencies:
+    is-core-module "^2.9.0"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
 resolve@^2.0.0-next.3:
   version "2.0.0-next.3"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-2.0.0-next.3.tgz#d41016293d4a8586a39ca5d9b5f15cbea1f55e46"
@@ -19432,17 +19460,15 @@ ripemd160@^2.0.0, ripemd160@^2.0.1:
     hash-base "^3.0.0"
     inherits "^2.0.1"
 
-rollup-plugin-node-externals@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/rollup-plugin-node-externals/-/rollup-plugin-node-externals-4.0.0.tgz#cd4d30f9868eb542be8289880dacbbbecc3d9fa3"
-  integrity sha512-7L0lqN+AEJqS13x240F5zyArHn2tNpHC7Ju8vtS893DkutIU89k5v3A7jhnOqLvOXAzjm9Ha7UZdwHOPyqiPDQ==
-  dependencies:
-    find-up "^5.0.0"
+rollup-plugin-node-externals@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/rollup-plugin-node-externals/-/rollup-plugin-node-externals-5.1.0.tgz#66accb0291bfc50c637c20d94ab26d4e5ff92e85"
+  integrity sha512-3kBlflgq7X7xZJCskDz3PRmnuVptEal/VHOmYCozqncVRHXp9986fwyQdsFpzaQljjF2WOdlLMZLyNBxbA5hww==
 
-rollup@^2.70.2:
-  version "2.70.2"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.70.2.tgz#808d206a8851628a065097b7ba2053bd83ba0c0d"
-  integrity sha512-EitogNZnfku65I1DD5Mxe8JYRUCy0hkK5X84IlDtUs+O6JRMpRciXTzyCUuX11b5L5pvjH+OmFXiQ3XjabcXgg==
+rollup@^3.12.0:
+  version "3.12.0"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.12.0.tgz#813d88ec11e36108da788fc471b3c81b365a7c29"
+  integrity sha512-4MZ8kA2HNYahIjz63rzrMMRvDqQDeS9LoriJvMuV0V6zIGysP36e9t4yObUfwdT9h/szXoHQideICftcdZklWg==
   optionalDependencies:
     fsevents "~2.3.2"
 
@@ -19933,15 +19959,6 @@ shell-quote@^1.6.1:
   resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.7.3.tgz#aa40edac170445b9a431e17bb62c0b881b9c4123"
   integrity sha512-Vpfqwm4EnqGdlsBFNmHhxhElJYrdfcxPThu+ryKS5J8L/fhAwLazFZtq+S+TWZ9ANj2piSQLGj6NQg+lKPmxrw==
 
-shelljs@^0.8.3:
-  version "0.8.5"
-  resolved "https://registry.yarnpkg.com/shelljs/-/shelljs-0.8.5.tgz#de055408d8361bed66c669d2f000538ced8ee20c"
-  integrity sha512-TiwcRcrkhHvbrZbnRcFYMLl30Dfov3HKqzp5tO5b4pt6G/SezKcYhmDg15zXVBswHmctSAQKznqNW2LO5tTDow==
-  dependencies:
-    glob "^7.0.0"
-    interpret "^1.0.0"
-    rechoir "^0.6.2"
-
 shortid@^2.2.8:
   version "2.2.16"
   resolved "https://registry.yarnpkg.com/shortid/-/shortid-2.2.16.tgz#b742b8f0cb96406fd391c76bfc18a67a57fe5608"
@@ -21702,20 +21719,10 @@ typedarray@^0.0.6:
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
   integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
 
-typescript@^4.1.0-dev.20200804, typescript@^4.6.3:
-  version "4.6.3"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.6.3.tgz#eefeafa6afdd31d725584c67a0eaba80f6fc6c6c"
-  integrity sha512-yNIatDa5iaofVozS/uQJEl3JRWLKKGJKh6Yaiv0GLGSuhpFJe7P3SbHZ8/yjAHRQwKRoA6YZqlfjXWmVzoVSMw==
-
-typescript@^4.3.2:
-  version "4.8.4"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.8.4.tgz#c464abca159669597be5f96b8943500b238e60e6"
-  integrity sha512-QCh+85mCy+h0IGff8r5XWzOVSbBO+KfeYrMQh7NJ58QujwcE22u+NUSmUxqF+un70P9GXKxa2HCNiTTMJknyjQ==
-
-typescript@^4.7.4:
-  version "4.7.4"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.7.4.tgz#1a88596d1cf47d59507a1bcdfb5b9dfe4d488235"
-  integrity sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ==
+typescript@^4.3.2, typescript@^4.9.3:
+  version "4.9.3"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.3.tgz#3aea307c1746b8c384435d8ac36b8a2e580d85db"
+  integrity sha512-CIfGzTelbKNEnLpLdGFgdyKhG23CKdKgQPOBc+OUNrkJ2vr+KSzsSV5kq5iWhEQbok+quxgGzrAtGWCyU7tHnA==
 
 typical@^4.0.0:
   version "4.0.0"
@@ -22074,7 +22081,7 @@ upath@^1.1.1:
   resolved "https://registry.yarnpkg.com/upath/-/upath-1.2.0.tgz#8f66dbcd55a883acdae4408af8b035a5044c1894"
   integrity sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==
 
-update-browserslist-db@^1.0.9:
+update-browserslist-db@^1.0.10:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.10.tgz#0f54b876545726f17d00cd9a2561e6dade943ff3"
   integrity sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ==