diff --git a/.yarn/cache/sass-npm-1.32.13-89da6086e7-51b798280b.zip b/.yarn/cache/sass-npm-1.32.13-89da6086e7-51b798280b.zip
deleted file mode 100644
index ff8eaf244993..000000000000
Binary files a/.yarn/cache/sass-npm-1.32.13-89da6086e7-51b798280b.zip and /dev/null differ
diff --git a/.yarn/cache/sass-npm-1.36.0-1ecc2af923-fdb03deed1.zip b/.yarn/cache/sass-npm-1.36.0-1ecc2af923-fdb03deed1.zip
new file mode 100644
index 000000000000..22179f71f82f
Binary files /dev/null and b/.yarn/cache/sass-npm-1.36.0-1ecc2af923-fdb03deed1.zip differ
diff --git a/config/eslint-config-carbon/package.json b/config/eslint-config-carbon/package.json
index 8b07935969d9..4e2a35a0bfd4 100644
--- a/config/eslint-config-carbon/package.json
+++ b/config/eslint-config-carbon/package.json
@@ -1,7 +1,7 @@
 {
   "name": "eslint-config-carbon",
   "description": "ESLint configuration for Carbon",
-  "version": "2.7.0",
+  "version": "2.8.0-rc.0",
   "license": "Apache-2.0",
   "main": "index.js",
   "repository": {
diff --git a/config/jest-config-carbon/package.json b/config/jest-config-carbon/package.json
index 76f660aa9f23..02575391851b 100644
--- a/config/jest-config-carbon/package.json
+++ b/config/jest-config-carbon/package.json
@@ -2,7 +2,7 @@
   "name": "jest-config-carbon",
   "private": true,
   "description": "Jest configuration and preset for Carbon",
-  "version": "0.7.0",
+  "version": "0.8.0-rc.0",
   "license": "Apache-2.0",
   "main": "index.js",
   "repository": {
diff --git a/packages/carbon-react/package.json b/packages/carbon-react/package.json
index 626b061dfeb3..337350d5a55b 100644
--- a/packages/carbon-react/package.json
+++ b/packages/carbon-react/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "0.1.0",
+  "version": "0.2.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -42,11 +42,11 @@
     "sass": "^1.32.12"
   },
   "dependencies": {
-    "@carbon/feature-flags": "^0.5.0",
-    "@carbon/icons-react": "^10.36.0",
-    "@carbon/styles": "^0.1.0",
+    "@carbon/feature-flags": "^0.6.0-rc.0",
+    "@carbon/icons-react": "^10.37.0-rc.0",
+    "@carbon/styles": "^0.2.0-rc.0",
     "@carbon/telemetry": "0.0.0-alpha.6",
-    "carbon-components-react": "^7.40.0"
+    "carbon-components-react": "^7.41.0-rc.0"
   },
   "devDependencies": {
     "@babel/core": "^7.14.6",
@@ -56,7 +56,7 @@
     "@babel/plugin-transform-react-constant-elements": "^7.14.5",
     "@babel/preset-env": "^7.14.7",
     "@babel/preset-react": "^7.14.5",
-    "@carbon/themes": "^10.39.0",
+    "@carbon/themes": "^10.40.0-rc.0",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^18.0.0",
     "@rollup/plugin-node-resolve": "^11.2.1",
@@ -83,7 +83,7 @@
     "rollup": "^2.46.0",
     "rollup-plugin-strip-banner": "^2.0.0",
     "rtlcss": "^3.1.2",
-    "sass": "^1.32.12",
+    "sass": "^1.36.0",
     "sass-loader": "10",
     "style-loader": "^2.0.0",
     "webpack": "^4.41.5"
diff --git a/packages/cli/package.json b/packages/cli/package.json
index c3a737a691ae..6fc8f43cec29 100644
--- a/packages/cli/package.json
+++ b/packages/cli/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/cli",
   "description": "Task automation for working with the Carbon Design System",
-  "version": "10.26.0",
+  "version": "10.27.0-rc.0",
   "license": "Apache-2.0",
   "bin": {
     "carbon-cli": "./bin/carbon-cli.js"
@@ -48,7 +48,7 @@
     "remark": "^10.0.1",
     "replace-in-file": "^6.1.0",
     "rollup": "^2.46.0",
-    "sass": "^1.32.4",
+    "sass": "^1.36.0",
     "sassdoc": "^2.7.3",
     "yargs": "^15.1.0"
   }
diff --git a/packages/colors/examples/sass-modules/package.json b/packages/colors/examples/sass-modules/package.json
index 75ec43f6f0c3..8d861b85efc1 100644
--- a/packages/colors/examples/sass-modules/package.json
+++ b/packages/colors/examples/sass-modules/package.json
@@ -11,6 +11,6 @@
     "next": "^10.0.3",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
-    "sass": "^1.29.0"
+    "sass": "^1.36.0"
   }
 }
diff --git a/packages/colors/package.json b/packages/colors/package.json
index e39c881dd56e..a25439d2c226 100644
--- a/packages/colors/package.json
+++ b/packages/colors/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/colors",
   "description": "Colors for digital and software products using the Carbon Design System",
-  "version": "10.29.0",
+  "version": "10.30.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -15,7 +15,8 @@
     "es",
     "lib",
     "scss",
-    "umd"
+    "umd",
+    "index.scss"
   ],
   "keywords": [
     "eyeglass-module",
@@ -35,10 +36,10 @@
     "clean": "rimraf css es lib umd scss index.scss"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.26.0",
+    "@carbon/cli": "^10.27.0-rc.0",
     "@carbon/cli-reporter": "^10.5.0",
     "@carbon/scss-generator": "^10.13.0",
-    "@carbon/test-utils": "^10.16.0",
+    "@carbon/test-utils": "^10.17.0-rc.0",
     "change-case": "^4.1.1",
     "fs-extra": "^8.1.0",
     "node-sass": "^6.0.0",
diff --git a/packages/components/package.json b/packages/components/package.json
index b257abfd085c..9ffff8c681b7 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "carbon-components",
   "description": "The Carbon Design System is IBM’s open-source design system for products and experiences.",
-  "version": "10.40.0",
+  "version": "10.41.0-rc.0",
   "license": "Apache-2.0",
   "main": "umd/index.js",
   "module": "es/index.js",
@@ -80,11 +80,11 @@
     "@babel/preset-env": "^7.14.7",
     "@babel/preset-react": "^7.14.5",
     "@babel/runtime": "^7.14.6",
-    "@carbon/cli": "^10.26.0",
-    "@carbon/elements": "^10.39.0",
-    "@carbon/icons-handlebars": "^10.36.0",
-    "@carbon/icons-react": "^10.36.0",
-    "@carbon/test-utils": "^10.16.0",
+    "@carbon/cli": "^10.27.0-rc.0",
+    "@carbon/elements": "^10.40.0-rc.0",
+    "@carbon/icons-handlebars": "^10.37.0-rc.0",
+    "@carbon/icons-react": "^10.37.0-rc.0",
+    "@carbon/test-utils": "^10.17.0-rc.0",
     "@frctl/fractal": "^1.1.0",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^18.0.0",
@@ -163,7 +163,7 @@
     "rollup": "^2.46.0",
     "rollup-plugin-filesize": "^9.1.1",
     "rollup-plugin-terser": "^7.0.2",
-    "sass": "^1.24.5",
+    "sass": "^1.36.0",
     "sass-loader": "^8.0.2",
     "serve-static": "^1.13.0",
     "style-loader": "^1.1.3",
diff --git a/packages/components/src/components/ui-shell/_header.scss b/packages/components/src/components/ui-shell/_header.scss
index c222da4e8de7..22e5f21f5b34 100644
--- a/packages/components/src/components/ui-shell/_header.scss
+++ b/packages/components/src/components/ui-shell/_header.scss
@@ -36,7 +36,7 @@
 
     width: mini-units(6);
     height: mini-units(6);
-    border: rem(2px) solid transparent;
+    border: rem(1px) solid transparent;
     transition: background-color $duration--fast-02,
       border-color $duration--fast-02;
   }
diff --git a/packages/elements/package.json b/packages/elements/package.json
index 8096eef4bddf..b5b9b737106f 100644
--- a/packages/elements/package.json
+++ b/packages/elements/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/elements",
   "description": "A collection of design elements in code for the IBM Design Language",
-  "version": "10.39.0",
+  "version": "10.40.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -35,17 +35,17 @@
     "clean": "rimraf es lib umd && node tasks/clean.js"
   },
   "dependencies": {
-    "@carbon/colors": "^10.29.0",
-    "@carbon/grid": "^10.32.0",
-    "@carbon/icons": "^10.36.0",
+    "@carbon/colors": "^10.30.0-rc.0",
+    "@carbon/grid": "^10.33.0-rc.0",
+    "@carbon/icons": "^10.37.0-rc.0",
     "@carbon/import-once": "^10.6.0",
-    "@carbon/layout": "^10.28.0",
-    "@carbon/motion": "^10.21.0",
-    "@carbon/themes": "^10.39.0",
-    "@carbon/type": "^10.32.0"
+    "@carbon/layout": "^10.29.0-rc.0",
+    "@carbon/motion": "^10.22.0-rc.0",
+    "@carbon/themes": "^10.40.0-rc.0",
+    "@carbon/type": "^10.33.0-rc.0"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.26.0",
+    "@carbon/cli": "^10.27.0-rc.0",
     "fs-extra": "^8.1.0",
     "klaw-sync": "^6.0.0",
     "replace-in-file": "^3.4.2",
diff --git a/packages/feature-flags/package.json b/packages/feature-flags/package.json
index 8ba89eb9f9b2..139d5a24fb2b 100644
--- a/packages/feature-flags/package.json
+++ b/packages/feature-flags/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/feature-flags",
   "description": "Build with feature flags in Carbon",
-  "version": "0.5.0",
+  "version": "0.6.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
diff --git a/packages/grid/examples/css-grid/package.json b/packages/grid/examples/css-grid/package.json
index ad132b2cec5d..a46228bbcdb9 100644
--- a/packages/grid/examples/css-grid/package.json
+++ b/packages/grid/examples/css-grid/package.json
@@ -12,6 +12,6 @@
     "next": "^10.0.7",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
-    "sass": "^1.32.7"
+    "sass": "^1.36.0"
   }
 }
diff --git a/packages/grid/package.json b/packages/grid/package.json
index 94e14923d0f6..d66e9d263d7a 100644
--- a/packages/grid/package.json
+++ b/packages/grid/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/grid",
   "description": "Grid for digital and software products using the Carbon Design System",
-  "version": "10.32.0",
+  "version": "10.33.0-rc.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -11,7 +11,8 @@
   "bugs": "https://github.com/carbon-design-system/carbon/issues",
   "files": [
     "css",
-    "scss"
+    "scss",
+    "index.scss"
   ],
   "keywords": [
     "eyeglass-module",
@@ -32,10 +33,10 @@
   },
   "dependencies": {
     "@carbon/import-once": "^10.6.0",
-    "@carbon/layout": "^10.28.0"
+    "@carbon/layout": "^10.29.0-rc.0"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.26.0",
+    "@carbon/cli": "^10.27.0-rc.0",
     "rimraf": "^3.0.0"
   },
   "eyeglass": {
diff --git a/packages/grid/scss/modules/_css-grid.scss b/packages/grid/scss/modules/_css-grid.scss
index d6fe90aebf83..ad1355dd0772 100644
--- a/packages/grid/scss/modules/_css-grid.scss
+++ b/packages/grid/scss/modules/_css-grid.scss
@@ -5,6 +5,8 @@
 // LICENSE file in the root directory of this source tree.
 //
 
+@use "sass:math";
+
 @use 'sass:map';
 @use 'config' as *;
 @use 'breakpoint' as *;
@@ -411,7 +413,7 @@ $carbon--aspect-ratios: (
     $height: nth($aspect-ratio, 2);
 
     .#{$prefix}--aspect-ratio--#{$width}x#{$height}::before {
-      padding-top: percentage($height / $width);
+      padding-top: percentage(math.div($height, $width));
     }
   }
 }
diff --git a/packages/grid/scss/modules/_mixins.scss b/packages/grid/scss/modules/_mixins.scss
index 88a9a4edf6e4..4561626a0cd3 100644
--- a/packages/grid/scss/modules/_mixins.scss
+++ b/packages/grid/scss/modules/_mixins.scss
@@ -5,6 +5,8 @@
 // LICENSE file in the root directory of this source tree.
 //
 
+@use "sass:math";
+
 @use 'config' as *;
 @use 'breakpoint' as *;
 
@@ -27,21 +29,21 @@
   // always setting `width: 100%;`. This works because we use `flex` values
   // later on to override this initial width.
   width: 100%;
-  padding-right: ($gutter / 2);
-  padding-left: ($gutter / 2);
+  padding-right: ($gutter * 0.5);
+  padding-left: ($gutter * 0.5);
 
   // For our condensed use-case, our gutters collapse to 2px solid, 1px on each
   // side.
   .#{$prefix}--row--condensed &,
   .#{$prefix}--grid--condensed & {
-    padding-right: ($condensed-gutter / 2);
-    padding-left: ($condensed-gutter / 2);
+    padding-right: ($condensed-gutter * 0.5);
+    padding-left: ($condensed-gutter * 0.5);
   }
 
   // For our narrow use-case, our container hangs 16px into the gutter
   .#{$prefix}--row--narrow &,
   .#{$prefix}--grid--narrow & {
-    padding-right: ($gutter / 2);
+    padding-right: ($gutter * 0.5);
     padding-left: 0;
   }
 }
@@ -61,8 +63,8 @@
     // Add a `max-width` to ensure content within each column does not blow out
     // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari
     // do not appear to require this.
-    max-width: percentage($span / $columns);
-    flex: 0 0 percentage($span / $columns);
+    max-width: percentage(math.div($span, $columns));
+    flex: 0 0 percentage(math.div($span, $columns));
   }
 }
 
@@ -72,7 +74,7 @@
 /// @access private
 /// @group @carbon/grid
 @mixin -make-col-offset($span, $columns) {
-  $offset: $span / $columns;
+  $offset: math.div($span, $columns);
   @if $offset == 0 {
     margin-left: 0;
   } @else {
@@ -154,8 +156,8 @@
 @mixin make-row($gutter: $grid-gutter) {
   display: flex;
   flex-wrap: wrap;
-  margin-right: -1 * $gutter / 2;
-  margin-left: -1 * $gutter / 2;
+  margin-right: -1 * $gutter * 0.5;
+  margin-left: -1 * $gutter * 0.5;
 }
 
 // -----------------------------------------------------------------------------
@@ -206,20 +208,20 @@
 /// @group @carbon/grid
 @mixin -hang($gutter: $grid-gutter) {
   .#{$prefix}--hang--start {
-    padding-left: ($gutter / 2);
+    padding-left: ($gutter * 0.5);
   }
 
   .#{$prefix}--hang--end {
-    padding-right: ($gutter / 2);
+    padding-right: ($gutter * 0.5);
   }
 
   // Deprecated ☠️
   .#{$prefix}--hang--left {
-    padding-left: ($gutter / 2);
+    padding-left: ($gutter * 0.5);
   }
 
   .#{$prefix}--hang--right {
-    padding-right: ($gutter / 2);
+    padding-right: ($gutter * 0.5);
   }
 }
 
@@ -246,14 +248,14 @@
       $prev-margin: map-get($prev-breakpoint, margin);
       @if $prev-margin != $margin {
         @include breakpoint($name) {
-          padding-right: #{($grid-gutter / 2) + $margin};
-          padding-left: #{($grid-gutter / 2) + $margin};
+          padding-right: #{($grid-gutter * 0.5) + $margin};
+          padding-left: #{($grid-gutter * 0.5) + $margin};
         }
       }
     } @else {
       @include breakpoint($name) {
-        padding-right: #{($grid-gutter / 2) + $margin};
-        padding-left: #{($grid-gutter / 2) + $margin};
+        padding-right: #{($grid-gutter * 0.5) + $margin};
+        padding-left: #{($grid-gutter * 0.5) + $margin};
       }
     }
   }
@@ -308,13 +310,13 @@
 
   .#{$prefix}--row-padding [class*='#{$prefix}--col'],
   .#{$prefix}--col-padding {
-    padding-top: $grid-gutter / 2;
-    padding-bottom: $grid-gutter / 2;
+    padding-top: $grid-gutter * 0.5;
+    padding-bottom: $grid-gutter * 0.5;
   }
 
   .#{$prefix}--grid--condensed [class*='#{$prefix}--col'] {
-    padding-top: $condensed-gutter / 2;
-    padding-bottom: $condensed-gutter / 2;
+    padding-top: $condensed-gutter * 0.5;
+    padding-bottom: $condensed-gutter * 0.5;
   }
 
   @include -make-grid-columns($breakpoints, $grid-gutter);
diff --git a/packages/icon-build-helpers/package.json b/packages/icon-build-helpers/package.json
index 780e24bd46f1..69aaaa7b68dc 100644
--- a/packages/icon-build-helpers/package.json
+++ b/packages/icon-build-helpers/package.json
@@ -2,7 +2,7 @@
   "name": "@carbon/icon-build-helpers",
   "private": true,
   "description": "Build helpers for the Carbon Design System icon library",
-  "version": "0.25.0",
+  "version": "0.26.0-rc.0",
   "license": "Apache-2.0",
   "main": "src/index.js",
   "repository": {
@@ -29,7 +29,7 @@
     "@babel/template": "^7.14.5",
     "@babel/types": "^7.14.5",
     "@carbon/cli-reporter": "^10.5.0",
-    "@carbon/icon-helpers": "^10.20.0",
+    "@carbon/icon-helpers": "^10.21.0-rc.0",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-replace": "^2.4.2",
     "browserslist-config-carbon": "^10.6.1",
diff --git a/packages/icon-helpers/package.json b/packages/icon-helpers/package.json
index ffbe3101566b..2a3eb0817cfc 100644
--- a/packages/icon-helpers/package.json
+++ b/packages/icon-helpers/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/icon-helpers",
   "description": "Helpers used alongside icons for digital and software products using the Carbon Design System",
-  "version": "10.20.0",
+  "version": "10.21.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -33,7 +33,7 @@
     "clean": "rimraf es lib umd"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.26.0",
+    "@carbon/cli": "^10.27.0-rc.0",
     "rimraf": "^3.0.0"
   },
   "sideEffects": false
diff --git a/packages/icons-handlebars/package.json b/packages/icons-handlebars/package.json
index 3c8b3bf5aacc..18f196e45e7c 100644
--- a/packages/icons-handlebars/package.json
+++ b/packages/icons-handlebars/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/icons-handlebars",
   "description": "Handlebars helpers for IBM Design Language icons in digital and software products using the Carbon Design System",
-  "version": "10.36.0",
+  "version": "10.37.0-rc.0",
   "license": "Apache-2.0",
   "main": "index.js",
   "repository": {
@@ -26,8 +26,8 @@
     "handlebars": "^4.0.12"
   },
   "dependencies": {
-    "@carbon/icon-helpers": "^10.20.0",
-    "@carbon/icons": "^10.36.0"
+    "@carbon/icon-helpers": "^10.21.0-rc.0",
+    "@carbon/icons": "^10.37.0-rc.0"
   },
   "devDependencies": {
     "handlebars": "^4.0.12"
diff --git a/packages/icons-react/package.json b/packages/icons-react/package.json
index 6e313069b951..cacf7ec94333 100644
--- a/packages/icons-react/package.json
+++ b/packages/icons-react/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/icons-react",
   "description": "React components for icons in digital and software products using the Carbon Design System",
-  "version": "10.36.0",
+  "version": "10.37.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -38,13 +38,13 @@
     "react": ">=16"
   },
   "dependencies": {
-    "@carbon/icon-helpers": "^10.20.0",
+    "@carbon/icon-helpers": "^10.21.0-rc.0",
     "@carbon/telemetry": "0.0.0-alpha.6",
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "@carbon/icon-build-helpers": "^0.25.0",
-    "@carbon/icons": "^10.36.0",
+    "@carbon/icon-build-helpers": "^0.26.0-rc.0",
+    "@carbon/icons": "^10.37.0-rc.0",
     "rimraf": "^3.0.2"
   },
   "sideEffects": false
diff --git a/packages/icons-vue/package.json b/packages/icons-vue/package.json
index 0c8d7bcbf530..d9fc81f213ca 100644
--- a/packages/icons-vue/package.json
+++ b/packages/icons-vue/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/icons-vue",
   "description": "Vue components for icons in digital and software products using the Carbon Design System",
-  "version": "10.36.0",
+  "version": "10.37.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -28,11 +28,11 @@
     "clean": "rimraf es lib"
   },
   "dependencies": {
-    "@carbon/icon-helpers": "^10.20.0"
+    "@carbon/icon-helpers": "^10.21.0-rc.0"
   },
   "devDependencies": {
     "@carbon/cli-reporter": "^10.5.0",
-    "@carbon/icons": "^10.36.0",
+    "@carbon/icons": "^10.37.0-rc.0",
     "fs-extra": "^8.1.0",
     "prettier": "^2.2.1",
     "rimraf": "^3.0.0",
diff --git a/packages/icons/package.json b/packages/icons/package.json
index 723411ea6257..ec07a6d86adc 100644
--- a/packages/icons/package.json
+++ b/packages/icons/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/icons",
   "description": "Icons for digital and software products using the Carbon Design System",
-  "version": "10.36.0",
+  "version": "10.37.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -41,8 +41,8 @@
     "svgson": "^5.2.1"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.26.0",
-    "@carbon/icon-build-helpers": "^0.25.0",
+    "@carbon/cli": "^10.27.0-rc.0",
+    "@carbon/icon-build-helpers": "^0.26.0-rc.0",
     "rimraf": "^3.0.2"
   }
 }
diff --git a/packages/layout/package.json b/packages/layout/package.json
index fb02d3ffa145..c2b6852954c8 100644
--- a/packages/layout/package.json
+++ b/packages/layout/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/layout",
   "description": "Layout helpers for digital and software products using the Carbon Design System",
-  "version": "10.28.0",
+  "version": "10.29.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -29,10 +29,10 @@
     "clean": "rimraf es lib umd scss/generated scss/modules/generated"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.26.0",
+    "@carbon/cli": "^10.27.0-rc.0",
     "@carbon/cli-reporter": "^10.5.0",
     "@carbon/scss-generator": "^10.13.0",
-    "@carbon/test-utils": "^10.16.0",
+    "@carbon/test-utils": "^10.17.0-rc.0",
     "core-js": "^3.6.5",
     "rimraf": "^3.0.0"
   },
diff --git a/packages/motion/package.json b/packages/motion/package.json
index 7f09649b9b58..52d046692646 100644
--- a/packages/motion/package.json
+++ b/packages/motion/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/motion",
   "description": "Motion helpers for digital and software products using the Carbon Design System",
-  "version": "10.21.0",
+  "version": "10.22.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -29,7 +29,7 @@
     "clean": "rimraf es lib umd"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.26.0",
+    "@carbon/cli": "^10.27.0-rc.0",
     "rimraf": "^3.0.0"
   },
   "eyeglass": {
diff --git a/packages/pictograms-react/package.json b/packages/pictograms-react/package.json
index c38100fed763..c6afa5e9a4f5 100644
--- a/packages/pictograms-react/package.json
+++ b/packages/pictograms-react/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/pictograms-react",
   "description": "React components for pictograms in digital and software products using the Carbon Design System",
-  "version": "11.14.0",
+  "version": "11.15.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -37,13 +37,13 @@
     "react": ">=16"
   },
   "dependencies": {
-    "@carbon/icon-helpers": "^10.20.0",
+    "@carbon/icon-helpers": "^10.21.0-rc.0",
     "@carbon/telemetry": "0.0.0-alpha.6",
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "@carbon/icon-build-helpers": "^0.25.0",
-    "@carbon/pictograms": "^11.14.0"
+    "@carbon/icon-build-helpers": "^0.26.0-rc.0",
+    "@carbon/pictograms": "^11.15.0-rc.0"
   },
   "sideEffects": false
 }
diff --git a/packages/pictograms/package.json b/packages/pictograms/package.json
index 8c6a9574e233..5d72ae285090 100644
--- a/packages/pictograms/package.json
+++ b/packages/pictograms/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/pictograms",
   "description": "Pictograms for digital and software products using the Carbon Design System",
-  "version": "11.14.0",
+  "version": "11.15.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -31,7 +31,7 @@
     "prepublishOnly": "yarn build"
   },
   "devDependencies": {
-    "@carbon/icon-build-helpers": "^0.25.0",
+    "@carbon/icon-build-helpers": "^0.26.0-rc.0",
     "rimraf": "^3.0.0"
   }
 }
diff --git a/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap b/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap
index 5cff6abca646..b34a61a10708 100644
--- a/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap
+++ b/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap
@@ -7644,6 +7644,9 @@ Map {
       "itemsPerPageText": Object {
         "type": "string",
       },
+      "onChange": Object {
+        "type": "func",
+      },
       "pageRangeText": Object {
         "type": "func",
       },
diff --git a/packages/react/package.json b/packages/react/package.json
index 0764ba7f6605..01e6e1a6f787 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,7 +1,7 @@
 {
   "name": "carbon-components-react",
   "description": "The Carbon Design System is IBM’s open-source design system for products and experiences.",
-  "version": "7.40.0",
+  "version": "7.41.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -45,8 +45,8 @@
     "react-dom": "^16.8.6 || ^17.0.1"
   },
   "dependencies": {
-    "@carbon/feature-flags": "^0.5.0",
-    "@carbon/icons-react": "^10.36.0",
+    "@carbon/feature-flags": "^0.6.0-rc.0",
+    "@carbon/icons-react": "^10.37.0-rc.0",
     "@carbon/telemetry": "0.0.0-alpha.6",
     "classnames": "2.3.1",
     "copy-to-clipboard": "^3.3.1",
@@ -74,7 +74,7 @@
     "@babel/plugin-transform-object-assign": "^7.14.5",
     "@babel/preset-env": "^7.14.7",
     "@babel/preset-react": "^7.14.5",
-    "@carbon/test-utils": "^10.16.0",
+    "@carbon/test-utils": "^10.17.0-rc.0",
     "@cypress/react": "^5.4.0",
     "@cypress/webpack-dev-server": "^1.1.5",
     "@percy/cypress": "^3.1.1",
@@ -99,7 +99,7 @@
     "babel-plugin-react-docgen": "^4.2.1",
     "babel-plugin-transform-inline-environment-variables": "^0.4.3",
     "browserslist-config-carbon": "^10.6.1",
-    "carbon-components": "^10.40.0",
+    "carbon-components": "^10.41.0-rc.0",
     "carbon-icons": "^7.0.5",
     "chalk": "^4.1.1",
     "cli-table": "^0.3.0",
@@ -128,7 +128,7 @@
     "rollup-plugin-strip-banner": "^2.0.0",
     "rollup-plugin-terser": "^7.0.2",
     "rtlcss": "^2.4.0",
-    "sass": "^1.32.2",
+    "sass": "^1.36.0",
     "sass-loader": "^10.1.1",
     "storybook-readme": "^5.0.9",
     "string-replace-loader": "^2.1.0",
diff --git a/packages/react/src/components/CodeSnippet/__tests__/CodeSnippet b/packages/react/src/components/CodeSnippet/__tests__/CodeSnippet
new file mode 100644
index 000000000000..e69de29bb2d1
diff --git a/packages/react/src/components/CodeSnippet/__tests__/CodeSnippet-test.e2e.js b/packages/react/src/components/CodeSnippet/__tests__/CodeSnippet-test.e2e.js
new file mode 100644
index 000000000000..bfbea2773380
--- /dev/null
+++ b/packages/react/src/components/CodeSnippet/__tests__/CodeSnippet-test.e2e.js
@@ -0,0 +1,97 @@
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import 'carbon-components/scss/globals/scss/styles.scss';
+
+import React from 'react';
+import { mount } from '@cypress/react';
+import { default as CodeSnippet } from '../CodeSnippet';
+import { default as CodeSnippetSkeleton } from '../CodeSnippet.Skeleton';
+
+describe('CodeSnippet', () => {
+  beforeEach(() => {
+    mount(
+      <>
+        <CodeSnippet
+          className="some-class"
+          type="single"
+          style={{ marginBottom: 8 }}>
+          {'node -v'}
+        </CodeSnippet>
+
+        <CodeSnippet
+          type="inline"
+          feedback="Copied to clipboard"
+          style={{ marginBottom: 8 }}>
+          {'node -v'}
+        </CodeSnippet>
+
+        <CodeSnippet
+          type="multi"
+          feedback="Copied to clipboard"
+          style={{ marginBottom: 8 }}>
+          {`  "scripts": {
+                "build": "lerna run build --stream --prefix --npm-client yarn",
+                "ci-check": "carbon-cli ci-check",
+                "clean": "lerna run clean && lerna clean --yes && rimraf node_modules",
+                "doctoc": "doctoc --title '## Table of Contents'",
+                "format": "prettier --write '**/*.{js,md,scss,ts}' '!**/{build,es,lib,storybook,ts,umd}/**'",
+                "format:diff": "prettier --list-different '**/*.{js,md,scss,ts}' '!**/{build,es,lib,storybook,ts,umd}/**' '!packages/components/**'",
+                "lint": "eslint actions config codemods packages",
+                "lint:styles": "stylelint '**/*.{css,scss}' --report-needless-disables --report-invalid-scope-disables",
+                "sync": "carbon-cli sync",
+                "test": "cross-env BABEL_ENV=test jest",
+                "test:e2e": "cross-env BABEL_ENV=test jest --testPathPattern=e2e --testPathIgnorePatterns='examples,/packages/components/,/packages/react/'"
+            },
+            "resolutions": {
+                "react": "~16.9.0",
+                "react-dom": "~16.9.0",
+                "react-is": "~16.9.0",
+                "react-test-renderer": "~16.9.0"
+            },
+            "devDependencies": {
+                "@babel/core": "^7.10.0",
+                "@babel/plugin-proposal-class-properties": "^7.7.4",
+                "@babel/plugin-proposal-export-default-from": "^7.7.4",
+                "@babel/plugin-proposal-export-namespace-from": "^7.7.4",
+                "@babel/plugin-transform-runtime": "^7.10.0",
+                "@babel/preset-env": "^7.10.0",
+                "@babel/preset-react": "^7.10.0",
+                "@babel/runtime": "^7.10.0",
+                "@commitlint/cli": "^8.3.5",`}
+        </CodeSnippet>
+
+        <CodeSnippetSkeleton type="single" style={{ marginBottom: 8 }} />
+        <CodeSnippetSkeleton type="multi" style={{ marginBottom: 8 }} />
+      </>
+    );
+  });
+
+  it('should render', () => {
+    cy.findAllByText(/node/).should('be.visible');
+
+    // snapshots should always be taken _after_ an assertion that
+    // a element/component should be visible. This is to ensure
+    // the DOM has settled and the element has fully loaded.
+    cy.percySnapshot();
+  });
+
+  it('should render expanded snippet on show more', () => {
+    cy.findAllByText(/Show more/)
+      .should('be.visible')
+      .first()
+      .click();
+    cy.findAllByText(/Show less/)
+      .first()
+      .should('be.visible');
+
+    // snapshots should always be taken _after_ an assertion that
+    // a element/component should be visible. This is to ensure
+    // the DOM has settled and the element has fully loaded.
+    cy.percySnapshot();
+  });
+});
diff --git a/packages/react/src/components/Grid/__tests__/Grid-test.e2e.js b/packages/react/src/components/Grid/__tests__/Grid-test.e2e.js
new file mode 100644
index 000000000000..3a3de454f2cb
--- /dev/null
+++ b/packages/react/src/components/Grid/__tests__/Grid-test.e2e.js
@@ -0,0 +1,187 @@
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import 'carbon-components/scss/globals/scss/vendor/@carbon/grid/scss/modules/_css-grid.scss';
+import './Grid-test.e2e.scss';
+
+import React from 'react';
+import { mount } from '@cypress/react';
+import { Grid, Column } from '..';
+import { FeatureFlags } from '../../FeatureFlags';
+
+describe('Grid', () => {
+  beforeEach(() => {
+    mount(
+      <FeatureFlags flags={{ 'enable-css-grid': true }}>
+        <Grid>
+          <Column sm={4} />
+          <Column sm={4} />
+          <Column sm={4} />
+          <Column sm={4} />
+        </Grid>
+
+        <Grid narrow>
+          <Column sm={4} />
+          <Column sm={4} />
+          <Column sm={4} />
+          <Column sm={4} />
+        </Grid>
+
+        <Grid condensed>
+          <Column sm={4} />
+          <Column sm={4} />
+          <Column sm={4} />
+          <Column sm={4} />
+        </Grid>
+
+        <Grid fullWidth>
+          <Column sm={4} />
+          <Column sm={4} />
+          <Column sm={4} />
+          <Column sm={4} />
+        </Grid>
+
+        <Grid>
+          <Column sm={2} md={4} lg={6}>
+            <p>Small: Span 2 of 4</p>
+            <p>Medium: Span 4 of 8</p>
+            <p>Large: Span 6 of 16</p>
+          </Column>
+          <Column sm={2} md={2} lg={3}>
+            <p>Small: Span 2 of 4</p>
+            <p>Medium: Span 2 of 8</p>
+            <p>Large: Span 3 of 16</p>
+          </Column>
+          <Column sm={0} md={2} lg={3}>
+            <p>Small: Span 0 of 4</p>
+            <p>Medium: Span 2 of 8</p>
+            <p>Large: Span 3 of 16</p>
+          </Column>
+          <Column sm={0} md={0} lg={4}>
+            <p>Small: Span 0 of 4</p>
+            <p>Medium: Span 0 of 8</p>
+            <p>Large: Span 4 of 16</p>
+          </Column>
+        </Grid>
+
+        <Grid>
+          <Column sm={2} md={4} lg={3}>
+            <p>Small: Span 2 of 4</p>
+            <p>Medium: Span 4 of 8</p>
+            <p>Large: Span 3 of 16</p>
+          </Column>
+          <Column sm={2} md={4} lg={10}>
+            <p>Small: Span 2 of 4</p>
+            <p>Medium: Span 4 of 8</p>
+            <p>Large: Span 10 of 16</p>
+            <Grid className="example">
+              <Column sm={1} md={1} lg={2}>
+                <p>sm={1}</p> <p>md={1}</p> <p>lg={2}</p>
+              </Column>
+              <Column sm={1} md={1} lg={2}>
+                <p>sm={1}</p> <p>md={1}</p> <p>lg={2}</p>
+              </Column>
+              <Column sm={0} md={1} lg={1}>
+                <p>sm={0}</p> <p>md={1}</p> <p>lg={1}</p>
+              </Column>
+              <Column sm={0} md={1} lg={1}>
+                <p>sm={0}</p> <p>md={1}</p> <p>lg={1}</p>
+              </Column>
+              <Column sm={0} md={0} lg={1}>
+                <p>sm={0}</p> <p>md={0}</p> <p>lg={1}</p>
+              </Column>
+              <Column sm={0} md={0} lg={1}>
+                <p>sm={0}</p> <p>md={0}</p> <p>lg={1}</p>
+              </Column>
+              <Column sm={0} md={0} lg={1}>
+                <p>sm={0}</p> <p>md={0}</p> <p>lg={1}</p>
+              </Column>
+              <Column sm={0} md={0} lg={1}>
+                <p>sm={0}</p> <p>md={0}</p> <p>lg={1}</p>
+              </Column>
+            </Grid>
+          </Column>
+          <Column sm={0} md={0} lg={3}>
+            <p>Small: Span 0 of 4</p>
+            <p>Medium: Span 0 of 8</p>
+            <p>Large: Span 3 of 16</p>
+          </Column>
+        </Grid>
+
+        <Grid>
+          <Column sm={1} md={2} lg={4}>
+            <Grid narrow>
+              <Column sm={1} md={2} lg={4}>
+                <p>narrow</p>
+              </Column>
+            </Grid>
+          </Column>
+          <Column sm={3} md={6} lg={12}>
+            <Grid condensed>
+              <Column sm={3} md={6} lg={12}>
+                <p>condensed</p>
+              </Column>
+            </Grid>
+          </Column>
+          <Column sm={1} md={2} lg={4}>
+            <Grid condensed>
+              <Column sm={1} md={2} lg={4}>
+                <p>condensed</p>
+              </Column>
+            </Grid>
+          </Column>
+          <Column sm={3} md={6} lg={12}>
+            <Grid narrow>
+              <Column sm={3} md={6} lg={12}>
+                <p>narrow</p>
+              </Column>
+            </Grid>
+          </Column>
+        </Grid>
+
+        <Grid>
+          <Column
+            sm={{ span: 1, offset: 3 }}
+            md={{ span: 2, offset: 6 }}
+            lg={{ span: 4, offset: 12 }}
+          />
+          <Column
+            sm={{ span: 2, offset: 2 }}
+            md={{ span: 4, offset: 4 }}
+            lg={{ span: 8, offset: 8 }}
+          />
+          <Column
+            sm={{ span: 3, offset: 1 }}
+            md={{ span: 6, offset: 2 }}
+            lg={{ span: 12, offset: 4 }}
+          />
+          <Column sm={{ span: 4 }} md={{ span: 8 }} lg={{ span: 16 }} />
+        </Grid>
+        <Grid>
+          <Column></Column>
+          <Column></Column>
+          <Column></Column>
+          <Column></Column>
+          <Column></Column>
+          <Column></Column>
+          <Column></Column>
+          <Column></Column>
+        </Grid>
+      </FeatureFlags>
+    );
+  });
+
+  it('should render', () => {
+    cy.viewport(1400, 500);
+    cy.findAllByText(/narrow/).should('be.visible');
+
+    // snapshots should always be taken _after_ an assertion that
+    // a element/component should be visible. This is to ensure
+    // the DOM has settled and the element has fully loaded.
+    cy.percySnapshot();
+  });
+});
diff --git a/packages/react/src/components/Grid/__tests__/Grid-test.e2e.scss b/packages/react/src/components/Grid/__tests__/Grid-test.e2e.scss
new file mode 100644
index 000000000000..898520b21692
--- /dev/null
+++ b/packages/react/src/components/Grid/__tests__/Grid-test.e2e.scss
@@ -0,0 +1,62 @@
+@import '~carbon-components/scss/globals/scss/vars';
+@import '~carbon-components/scss/globals/scss/colors';
+@import '~carbon-components/scss/globals/scss/typography';
+
+p {
+  @include type-style('body-short-02');
+
+  margin-top: $spacing-05;
+}
+
+// Grid modes
+.bx--css-grid {
+  background-color: $blue-20;
+  outline: 1px dashed $blue-40;
+}
+
+.bx--css-grid p {
+  @include type-style('code-02');
+}
+
+p:first-of-type:not(.bx--progress-label) {
+  //messing up progress indicator stories
+  margin-top: 0;
+}
+
+.bx--css-grid.bx--css-grid--narrow {
+  background-color: $teal-20;
+  outline: 1px dashed $teal-40;
+}
+
+.bx--css-grid.bx--css-grid--condensed {
+  background-color: $purple-20;
+  outline: 1px dashed $purple-40;
+}
+
+// Only use background for subgrid example, not other subgrids in "mixed modes" story or others
+.bx--subgrid.example {
+  background-color: $green-20;
+}
+
+// Columns
+.bx--css-grid > [class*='col'],
+.bx--subgrid > [class*='col'] {
+  min-height: 80px;
+}
+
+.bx--css-grid > [class*='col'] {
+  background: $blue-10;
+}
+
+.bx--subgrid > [class*='col'] {
+  background: $green-10;
+  outline: 1px dashed $green-30;
+}
+
+.bx--css-grid.bx--css-grid--narrow > [class*='col'] {
+  background: $teal-10;
+}
+
+.bx--css-grid.bx--css-grid--condensed > [class*='col'] {
+  background: $purple-10;
+}
diff --git a/packages/react/src/components/Pagination/experimental/Pagination.js b/packages/react/src/components/Pagination/experimental/Pagination.js
index 18bafff8227d..b562abebb960 100644
--- a/packages/react/src/components/Pagination/experimental/Pagination.js
+++ b/packages/react/src/components/Pagination/experimental/Pagination.js
@@ -27,6 +27,7 @@ function Pagination({
   itemsPerPageText,
   itemRangeText,
   itemText,
+  onChange,
   pageRangeText,
   pageSize,
   pageSizes,
@@ -49,6 +50,18 @@ function Pagination({
     setCurrentPage(Number(newPage));
   }
 
+  function incrementPage() {
+    const page = currentPage + 1;
+    setCurrentPage(page);
+    onChange({ page, pageSize: currentPageSize });
+  }
+
+  function decrementPage() {
+    const page = currentPage - 1;
+    setCurrentPage(page);
+    onChange({ page, pageSize: currentPageSize });
+  }
+
   const namespace = `${prefix}--unstable-pagination`;
 
   return (
@@ -137,7 +150,7 @@ function Pagination({
               [`${namespace}__button--no-index`]: backButtonDisabled,
             }
           )}
-          onClick={() => setCurrentPage(currentPage - 1)}
+          onClick={() => decrementPage()}
           disabled={backButtonDisabled}
           hasIconOnly
           renderIcon={CaretLeft16}
@@ -153,7 +166,7 @@ function Pagination({
               [`${namespace}__button--no-index`]: forwardButtonDisabled,
             }
           )}
-          onClick={() => setCurrentPage(currentPage + 1)}
+          onClick={() => incrementPage()}
           disabled={forwardButtonDisabled}
           hasIconOnly
           renderIcon={CaretRight16}
@@ -216,6 +229,11 @@ Pagination.propTypes = {
    */
   itemsPerPageText: PropTypes.string,
 
+  /**
+   * The callback function called when the current page changes.
+   */
+  onChange: PropTypes.func,
+
   /**
    * The function returning a translatable text showing where the current page is,
    * in a manner of the total number of pages.
diff --git a/packages/react/src/components/UIShell/UIShell-story.js b/packages/react/src/components/UIShell/UIShell-story.js
index 23efd46feaf5..f202fbce11f6 100644
--- a/packages/react/src/components/UIShell/UIShell-story.js
+++ b/packages/react/src/components/UIShell/UIShell-story.js
@@ -539,34 +539,34 @@ export const HeaderBaseWSideNav = withReadme(readme, () => (
 
 HeaderBaseWSideNav.storyName = 'Header Base w/ SideNav';
 
-export const HeaderBaseWActionsAndRightPanel = withReadme(readme, () => (
-  <Header aria-label="IBM Platform Name">
-    <HeaderName href="#" prefix="IBM">
-      [Platform]
-    </HeaderName>
-    <HeaderGlobalBar>
-      <HeaderGlobalAction aria-label="Search" onClick={action('search click')}>
-        <Search20 />
-      </HeaderGlobalAction>
-      <HeaderGlobalAction
-        aria-label="Notifications"
-        isActive
-        onClick={action('notification click')}>
-        <Notification20 />
-      </HeaderGlobalAction>
-      <HeaderGlobalAction
-        aria-label="App Switcher"
-        onClick={action('app-switcher click')}
-        tooltipAlignment="end">
-        <AppSwitcher20 />
-      </HeaderGlobalAction>
-    </HeaderGlobalBar>
-    <HeaderPanel aria-label="Header Panel" expanded />
-  </Header>
-));
+export const HeaderBaseWActionsAndRightPanel = withReadme(readme, () => {
+  const [expanded, setExpanded] = useState(false);
+
+  const toggleRightPanel = () => {
+    setExpanded(!expanded);
+  };
+
+  return (
+    <Header aria-label="IBM Platform Name">
+      <HeaderName href="#" prefix="IBM">
+        [Platform]
+      </HeaderName>
+      <HeaderGlobalBar>
+        <HeaderGlobalAction
+          tooltipAlignment="end"
+          isActive={expanded}
+          aria-label="Notifications"
+          onClick={toggleRightPanel}>
+          <Notification20 />
+        </HeaderGlobalAction>
+      </HeaderGlobalBar>
+      <HeaderPanel aria-label="Header Panel" expanded={expanded} />
+    </Header>
+  );
+});
 
 HeaderBaseWActionsAndRightPanel.storyName =
-  'Header Base w/ Actions and Right Panel';
+  'Header Base w/ Actions and Right Panel with Animation';
 
 export const HeaderBaseWActionsAndSwitcher = withReadme(readme, () => (
   <Header aria-label="IBM Platform Name">
diff --git a/packages/sketch/package.json b/packages/sketch/package.json
index 9bd269b6fe58..409e3ece2eea 100644
--- a/packages/sketch/package.json
+++ b/packages/sketch/package.json
@@ -2,7 +2,7 @@
   "name": "@carbon/sketch",
   "private": true,
   "description": "Tooling for generating a sketch plugin to bring code to design",
-  "version": "10.38.0",
+  "version": "10.39.0-rc.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -28,11 +28,11 @@
     "skpm:link": "skpm-link"
   },
   "dependencies": {
-    "@carbon/colors": "^10.29.0",
-    "@carbon/icon-helpers": "^10.20.0",
-    "@carbon/icons": "^10.36.0",
-    "@carbon/themes": "^10.39.0",
-    "@carbon/type": "^10.32.0",
+    "@carbon/colors": "^10.30.0-rc.0",
+    "@carbon/icon-helpers": "^10.21.0-rc.0",
+    "@carbon/icons": "^10.37.0-rc.0",
+    "@carbon/themes": "^10.40.0-rc.0",
+    "@carbon/type": "^10.33.0-rc.0",
     "@skpm/builder": "^0.7.0",
     "color-string": "^1.5.3",
     "core-js": "^3.11.1",
diff --git a/packages/styles/package.json b/packages/styles/package.json
index 4a154020a469..804f633706e7 100644
--- a/packages/styles/package.json
+++ b/packages/styles/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/styles",
   "description": "Styles for the Carbon Design System",
-  "version": "0.1.0",
+  "version": "0.2.0-rc.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -20,17 +20,17 @@
     "access": "public"
   },
   "dependencies": {
-    "@carbon/colors": "^10.29.0",
-    "@carbon/feature-flags": "^0.5.0",
-    "@carbon/grid": "^10.32.0",
-    "@carbon/layout": "^10.28.0",
-    "@carbon/motion": "^10.21.0",
-    "@carbon/themes": "^10.39.0",
-    "@carbon/type": "^10.32.0",
+    "@carbon/colors": "^10.30.0-rc.0",
+    "@carbon/feature-flags": "^0.6.0-rc.0",
+    "@carbon/grid": "^10.33.0-rc.0",
+    "@carbon/layout": "^10.29.0-rc.0",
+    "@carbon/motion": "^10.22.0-rc.0",
+    "@carbon/themes": "^10.40.0-rc.0",
+    "@carbon/type": "^10.33.0-rc.0",
     "@ibm/plex": "6.0.0-next.6"
   },
   "devDependencies": {
-    "@carbon/test-utils": "^10.16.0",
+    "@carbon/test-utils": "^10.17.0-rc.0",
     "css": "^3.0.0"
   }
 }
diff --git a/packages/test-utils/package.json b/packages/test-utils/package.json
index 8de7022aa30d..ce0ee940966f 100644
--- a/packages/test-utils/package.json
+++ b/packages/test-utils/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/test-utils",
   "private": true,
-  "version": "10.16.0",
+  "version": "10.17.0-rc.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -29,7 +29,7 @@
     "prettier": "^2.2.1",
     "react": "^17.0.1",
     "resolve": "^1.12.0",
-    "sass": "^1.32.4",
+    "sass": "^1.36.0",
     "tabbable": "^4.0.0"
   },
   "devDependencies": {
diff --git a/packages/themes/examples/preview-v11/package.json b/packages/themes/examples/preview-v11/package.json
index e937f3aac1a6..dfc86678abd6 100644
--- a/packages/themes/examples/preview-v11/package.json
+++ b/packages/themes/examples/preview-v11/package.json
@@ -11,6 +11,6 @@
     "next": "^10.0.7",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
-    "sass": "^1.32.7"
+    "sass": "^1.36.0"
   }
 }
diff --git a/packages/themes/examples/sass-modules/package.json b/packages/themes/examples/sass-modules/package.json
index 438a35a20026..d9303964c5b2 100644
--- a/packages/themes/examples/sass-modules/package.json
+++ b/packages/themes/examples/sass-modules/package.json
@@ -8,6 +8,6 @@
     "next": "^10.0.6",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
-    "sass": "^1.32.5"
+    "sass": "^1.36.0"
   }
 }
diff --git a/packages/themes/package.json b/packages/themes/package.json
index 63fdb304b37d..1d4fa7669a55 100644
--- a/packages/themes/package.json
+++ b/packages/themes/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/themes",
   "description": "Themes for applying color in the Carbon Design System",
-  "version": "10.39.0",
+  "version": "10.40.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -29,18 +29,18 @@
     "build": "yarn clean && carbon-cli bundle src/index.js --name CarbonThemes && babel-node --presets '@babel/preset-env' tasks/build.js && carbon-cli check \"scss/*.scss\""
   },
   "dependencies": {
-    "@carbon/colors": "^10.29.0",
-    "@carbon/layout": "^10.28.0",
-    "@carbon/type": "^10.32.0",
+    "@carbon/colors": "^10.30.0-rc.0",
+    "@carbon/layout": "^10.29.0-rc.0",
+    "@carbon/type": "^10.33.0-rc.0",
     "color": "^3.1.2"
   },
   "devDependencies": {
     "@babel/node": "^7.14.2",
     "@babel/preset-env": "^7.14.2",
-    "@carbon/cli": "^10.26.0",
+    "@carbon/cli": "^10.27.0-rc.0",
     "@carbon/cli-reporter": "^10.5.0",
     "@carbon/scss-generator": "^10.13.0",
-    "@carbon/test-utils": "^10.16.0",
+    "@carbon/test-utils": "^10.17.0-rc.0",
     "change-case": "^4.1.1",
     "core-js": "^3.6.5",
     "fs-extra": "^8.1.0",
diff --git a/packages/type/package.json b/packages/type/package.json
index 2d439ff2304c..310d8918ac2f 100644
--- a/packages/type/package.json
+++ b/packages/type/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/type",
   "description": "Typography for digital and software products using the Carbon Design System",
-  "version": "10.32.0",
+  "version": "10.33.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -16,7 +16,8 @@
     "lib",
     "scss",
     "src",
-    "umd"
+    "umd",
+    "index.scss"
   ],
   "keywords": [
     "eyeglass-module",
@@ -37,11 +38,11 @@
   },
   "dependencies": {
     "@carbon/import-once": "^10.6.0",
-    "@carbon/layout": "^10.28.0"
+    "@carbon/layout": "^10.29.0-rc.0"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.26.0",
-    "@carbon/test-utils": "^10.16.0",
+    "@carbon/cli": "^10.27.0-rc.0",
+    "@carbon/test-utils": "^10.17.0-rc.0",
     "change-case": "^4.1.1",
     "rimraf": "^3.0.0"
   },
diff --git a/packages/upgrade/package.json b/packages/upgrade/package.json
index 86adb2549dc9..7f88155083cf 100644
--- a/packages/upgrade/package.json
+++ b/packages/upgrade/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@carbon/upgrade",
   "description": "A tool for upgrading Carbon versions",
-  "version": "10.13.0",
+  "version": "10.14.0-rc.0",
   "license": "Apache-2.0",
   "bin": {
     "carbon-upgrade": "./bin/carbon-upgrade.js"
diff --git a/yarn.lock b/yarn.lock
index 0525696d1832..436b50ba3641 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1707,7 +1707,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@carbon/cli@^10.26.0, @carbon/cli@workspace:packages/cli":
+"@carbon/cli@^10.27.0-rc.0, @carbon/cli@workspace:packages/cli":
   version: 0.0.0-use.local
   resolution: "@carbon/cli@workspace:packages/cli"
   dependencies:
@@ -1736,7 +1736,7 @@ __metadata:
     remark: ^10.0.1
     replace-in-file: ^6.1.0
     rollup: ^2.46.0
-    sass: ^1.32.4
+    sass: ^1.36.0
     sassdoc: ^2.7.3
     yargs: ^15.1.0
   bin:
@@ -1753,14 +1753,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@carbon/colors@^10.29.0, @carbon/colors@workspace:packages/colors":
+"@carbon/colors@^10.30.0-rc.0, @carbon/colors@workspace:packages/colors":
   version: 0.0.0-use.local
   resolution: "@carbon/colors@workspace:packages/colors"
   dependencies:
-    "@carbon/cli": ^10.26.0
+    "@carbon/cli": ^10.27.0-rc.0
     "@carbon/cli-reporter": ^10.5.0
     "@carbon/scss-generator": ^10.13.0
-    "@carbon/test-utils": ^10.16.0
+    "@carbon/test-utils": ^10.17.0-rc.0
     change-case: ^4.1.1
     fs-extra: ^8.1.0
     node-sass: ^6.0.0
@@ -1768,19 +1768,19 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@carbon/elements@^10.39.0, @carbon/elements@workspace:packages/elements":
+"@carbon/elements@^10.40.0-rc.0, @carbon/elements@workspace:packages/elements":
   version: 0.0.0-use.local
   resolution: "@carbon/elements@workspace:packages/elements"
   dependencies:
-    "@carbon/cli": ^10.26.0
-    "@carbon/colors": ^10.29.0
-    "@carbon/grid": ^10.32.0
-    "@carbon/icons": ^10.36.0
+    "@carbon/cli": ^10.27.0-rc.0
+    "@carbon/colors": ^10.30.0-rc.0
+    "@carbon/grid": ^10.33.0-rc.0
+    "@carbon/icons": ^10.37.0-rc.0
     "@carbon/import-once": ^10.6.0
-    "@carbon/layout": ^10.28.0
-    "@carbon/motion": ^10.21.0
-    "@carbon/themes": ^10.39.0
-    "@carbon/type": ^10.32.0
+    "@carbon/layout": ^10.29.0-rc.0
+    "@carbon/motion": ^10.22.0-rc.0
+    "@carbon/themes": ^10.40.0-rc.0
+    "@carbon/type": ^10.33.0-rc.0
     fs-extra: ^8.1.0
     klaw-sync: ^6.0.0
     replace-in-file: ^3.4.2
@@ -1788,7 +1788,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@carbon/feature-flags@^0.5.0, @carbon/feature-flags@workspace:packages/feature-flags":
+"@carbon/feature-flags@^0.6.0-rc.0, @carbon/feature-flags@workspace:packages/feature-flags":
   version: 0.0.0-use.local
   resolution: "@carbon/feature-flags@workspace:packages/feature-flags"
   dependencies:
@@ -1809,18 +1809,18 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@carbon/grid@^10.32.0, @carbon/grid@workspace:packages/grid":
+"@carbon/grid@^10.33.0-rc.0, @carbon/grid@workspace:packages/grid":
   version: 0.0.0-use.local
   resolution: "@carbon/grid@workspace:packages/grid"
   dependencies:
-    "@carbon/cli": ^10.26.0
+    "@carbon/cli": ^10.27.0-rc.0
     "@carbon/import-once": ^10.6.0
-    "@carbon/layout": ^10.28.0
+    "@carbon/layout": ^10.29.0-rc.0
     rimraf: ^3.0.0
   languageName: unknown
   linkType: soft
 
-"@carbon/icon-build-helpers@^0.25.0, @carbon/icon-build-helpers@workspace:packages/icon-build-helpers":
+"@carbon/icon-build-helpers@^0.26.0-rc.0, @carbon/icon-build-helpers@workspace:packages/icon-build-helpers":
   version: 0.0.0-use.local
   resolution: "@carbon/icon-build-helpers@workspace:packages/icon-build-helpers"
   dependencies:
@@ -1831,7 +1831,7 @@ __metadata:
     "@babel/template": ^7.14.5
     "@babel/types": ^7.14.5
     "@carbon/cli-reporter": ^10.5.0
-    "@carbon/icon-helpers": ^10.20.0
+    "@carbon/icon-helpers": ^10.21.0-rc.0
     "@rollup/plugin-babel": ^5.3.0
     "@rollup/plugin-replace": ^2.4.2
     browserslist-config-carbon: ^10.6.1
@@ -1854,11 +1854,11 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@carbon/icon-helpers@^10.20.0, @carbon/icon-helpers@workspace:packages/icon-helpers":
+"@carbon/icon-helpers@^10.21.0-rc.0, @carbon/icon-helpers@workspace:packages/icon-helpers":
   version: 0.0.0-use.local
   resolution: "@carbon/icon-helpers@workspace:packages/icon-helpers"
   dependencies:
-    "@carbon/cli": ^10.26.0
+    "@carbon/cli": ^10.27.0-rc.0
     rimraf: ^3.0.0
   languageName: unknown
   linkType: soft
@@ -1870,25 +1870,25 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@carbon/icons-handlebars@^10.36.0, @carbon/icons-handlebars@workspace:packages/icons-handlebars":
+"@carbon/icons-handlebars@^10.37.0-rc.0, @carbon/icons-handlebars@workspace:packages/icons-handlebars":
   version: 0.0.0-use.local
   resolution: "@carbon/icons-handlebars@workspace:packages/icons-handlebars"
   dependencies:
-    "@carbon/icon-helpers": ^10.20.0
-    "@carbon/icons": ^10.36.0
+    "@carbon/icon-helpers": ^10.21.0-rc.0
+    "@carbon/icons": ^10.37.0-rc.0
     handlebars: ^4.0.12
   peerDependencies:
     handlebars: ^4.0.12
   languageName: unknown
   linkType: soft
 
-"@carbon/icons-react@^10.36.0, @carbon/icons-react@workspace:packages/icons-react":
+"@carbon/icons-react@^10.37.0-rc.0, @carbon/icons-react@workspace:packages/icons-react":
   version: 0.0.0-use.local
   resolution: "@carbon/icons-react@workspace:packages/icons-react"
   dependencies:
-    "@carbon/icon-build-helpers": ^0.25.0
-    "@carbon/icon-helpers": ^10.20.0
-    "@carbon/icons": ^10.36.0
+    "@carbon/icon-build-helpers": ^0.26.0-rc.0
+    "@carbon/icon-helpers": ^10.21.0-rc.0
+    "@carbon/icons": ^10.37.0-rc.0
     "@carbon/telemetry": 0.0.0-alpha.6
     prop-types: ^15.7.2
     rimraf: ^3.0.2
@@ -1912,8 +1912,8 @@ __metadata:
   resolution: "@carbon/icons-vue@workspace:packages/icons-vue"
   dependencies:
     "@carbon/cli-reporter": ^10.5.0
-    "@carbon/icon-helpers": ^10.20.0
-    "@carbon/icons": ^10.36.0
+    "@carbon/icon-helpers": ^10.21.0-rc.0
+    "@carbon/icons": ^10.37.0-rc.0
     fs-extra: ^8.1.0
     prettier: ^2.2.1
     rimraf: ^3.0.0
@@ -1922,12 +1922,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@carbon/icons@^10.36.0, @carbon/icons@workspace:packages/icons":
+"@carbon/icons@^10.37.0-rc.0, @carbon/icons@workspace:packages/icons":
   version: 0.0.0-use.local
   resolution: "@carbon/icons@workspace:packages/icons"
   dependencies:
-    "@carbon/cli": ^10.26.0
-    "@carbon/icon-build-helpers": ^0.25.0
+    "@carbon/cli": ^10.27.0-rc.0
+    "@carbon/icon-build-helpers": ^0.26.0-rc.0
     rimraf: ^3.0.2
     svgson: ^5.2.1
   languageName: unknown
@@ -1939,24 +1939,24 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@carbon/layout@^10.28.0, @carbon/layout@workspace:packages/layout":
+"@carbon/layout@^10.29.0-rc.0, @carbon/layout@workspace:packages/layout":
   version: 0.0.0-use.local
   resolution: "@carbon/layout@workspace:packages/layout"
   dependencies:
-    "@carbon/cli": ^10.26.0
+    "@carbon/cli": ^10.27.0-rc.0
     "@carbon/cli-reporter": ^10.5.0
     "@carbon/scss-generator": ^10.13.0
-    "@carbon/test-utils": ^10.16.0
+    "@carbon/test-utils": ^10.17.0-rc.0
     core-js: ^3.6.5
     rimraf: ^3.0.0
   languageName: unknown
   linkType: soft
 
-"@carbon/motion@^10.21.0, @carbon/motion@workspace:packages/motion":
+"@carbon/motion@^10.22.0-rc.0, @carbon/motion@workspace:packages/motion":
   version: 0.0.0-use.local
   resolution: "@carbon/motion@workspace:packages/motion"
   dependencies:
-    "@carbon/cli": ^10.26.0
+    "@carbon/cli": ^10.27.0-rc.0
     rimraf: ^3.0.0
   languageName: unknown
   linkType: soft
@@ -1965,9 +1965,9 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@carbon/pictograms-react@workspace:packages/pictograms-react"
   dependencies:
-    "@carbon/icon-build-helpers": ^0.25.0
-    "@carbon/icon-helpers": ^10.20.0
-    "@carbon/pictograms": ^11.14.0
+    "@carbon/icon-build-helpers": ^0.26.0-rc.0
+    "@carbon/icon-helpers": ^10.21.0-rc.0
+    "@carbon/pictograms": ^11.15.0-rc.0
     "@carbon/telemetry": 0.0.0-alpha.6
     prop-types: ^15.7.2
   peerDependencies:
@@ -1975,11 +1975,11 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@carbon/pictograms@^11.14.0, @carbon/pictograms@workspace:packages/pictograms":
+"@carbon/pictograms@^11.15.0-rc.0, @carbon/pictograms@workspace:packages/pictograms":
   version: 0.0.0-use.local
   resolution: "@carbon/pictograms@workspace:packages/pictograms"
   dependencies:
-    "@carbon/icon-build-helpers": ^0.25.0
+    "@carbon/icon-build-helpers": ^0.26.0-rc.0
     rimraf: ^3.0.0
   languageName: unknown
   linkType: soft
@@ -1995,11 +1995,11 @@ __metadata:
     "@babel/plugin-transform-react-constant-elements": ^7.14.5
     "@babel/preset-env": ^7.14.7
     "@babel/preset-react": ^7.14.5
-    "@carbon/feature-flags": ^0.5.0
-    "@carbon/icons-react": ^10.36.0
-    "@carbon/styles": ^0.1.0
+    "@carbon/feature-flags": ^0.6.0-rc.0
+    "@carbon/icons-react": ^10.37.0-rc.0
+    "@carbon/styles": ^0.2.0-rc.0
     "@carbon/telemetry": 0.0.0-alpha.6
-    "@carbon/themes": ^10.39.0
+    "@carbon/themes": ^10.40.0-rc.0
     "@rollup/plugin-babel": ^5.3.0
     "@rollup/plugin-commonjs": ^18.0.0
     "@rollup/plugin-node-resolve": ^11.2.1
@@ -2013,7 +2013,7 @@ __metadata:
     babel-plugin-dev-expression: ^0.2.2
     babel-preset-carbon: ^0.1.0
     browserslist-config-carbon: ^10.6.1
-    carbon-components-react: ^7.40.0
+    carbon-components-react: ^7.41.0-rc.0
     css-loader: ^5.2.4
     fs-extra: ^10.0.0
     mini-css-extract-plugin: ^1.6.0
@@ -2027,7 +2027,7 @@ __metadata:
     rollup: ^2.46.0
     rollup-plugin-strip-banner: ^2.0.0
     rtlcss: ^3.1.2
-    sass: ^1.32.12
+    sass: ^1.36.0
     sass-loader: 10
     style-loader: ^2.0.0
     webpack: ^4.41.5
@@ -2050,11 +2050,11 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@carbon/sketch@workspace:packages/sketch"
   dependencies:
-    "@carbon/colors": ^10.29.0
-    "@carbon/icon-helpers": ^10.20.0
-    "@carbon/icons": ^10.36.0
-    "@carbon/themes": ^10.39.0
-    "@carbon/type": ^10.32.0
+    "@carbon/colors": ^10.30.0-rc.0
+    "@carbon/icon-helpers": ^10.21.0-rc.0
+    "@carbon/icons": ^10.37.0-rc.0
+    "@carbon/themes": ^10.40.0-rc.0
+    "@carbon/type": ^10.33.0-rc.0
     "@skpm/builder": ^0.7.0
     color-string: ^1.5.3
     core-js: ^3.11.1
@@ -2065,18 +2065,18 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@carbon/styles@^0.1.0, @carbon/styles@workspace:packages/styles":
+"@carbon/styles@^0.2.0-rc.0, @carbon/styles@workspace:packages/styles":
   version: 0.0.0-use.local
   resolution: "@carbon/styles@workspace:packages/styles"
   dependencies:
-    "@carbon/colors": ^10.29.0
-    "@carbon/feature-flags": ^0.5.0
-    "@carbon/grid": ^10.32.0
-    "@carbon/layout": ^10.28.0
-    "@carbon/motion": ^10.21.0
-    "@carbon/test-utils": ^10.16.0
-    "@carbon/themes": ^10.39.0
-    "@carbon/type": ^10.32.0
+    "@carbon/colors": ^10.30.0-rc.0
+    "@carbon/feature-flags": ^0.6.0-rc.0
+    "@carbon/grid": ^10.33.0-rc.0
+    "@carbon/layout": ^10.29.0-rc.0
+    "@carbon/motion": ^10.22.0-rc.0
+    "@carbon/test-utils": ^10.17.0-rc.0
+    "@carbon/themes": ^10.40.0-rc.0
+    "@carbon/type": ^10.33.0-rc.0
     "@ibm/plex": 6.0.0-next.6
     css: ^3.0.0
   languageName: unknown
@@ -2102,7 +2102,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@carbon/test-utils@^10.16.0, @carbon/test-utils@workspace:packages/test-utils":
+"@carbon/test-utils@^10.17.0-rc.0, @carbon/test-utils@workspace:packages/test-utils":
   version: 0.0.0-use.local
   resolution: "@carbon/test-utils@workspace:packages/test-utils"
   dependencies:
@@ -2111,7 +2111,7 @@ __metadata:
     react: ^17.0.1
     react-dom: ^16.9.0
     resolve: ^1.12.0
-    sass: ^1.32.4
+    sass: ^1.36.0
     tabbable: ^4.0.0
   peerDependencies:
     node-sass: ^4.13.1
@@ -2119,19 +2119,19 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@carbon/themes@^10.39.0, @carbon/themes@workspace:packages/themes":
+"@carbon/themes@^10.40.0-rc.0, @carbon/themes@workspace:packages/themes":
   version: 0.0.0-use.local
   resolution: "@carbon/themes@workspace:packages/themes"
   dependencies:
     "@babel/node": ^7.14.2
     "@babel/preset-env": ^7.14.2
-    "@carbon/cli": ^10.26.0
+    "@carbon/cli": ^10.27.0-rc.0
     "@carbon/cli-reporter": ^10.5.0
-    "@carbon/colors": ^10.29.0
-    "@carbon/layout": ^10.28.0
+    "@carbon/colors": ^10.30.0-rc.0
+    "@carbon/layout": ^10.29.0-rc.0
     "@carbon/scss-generator": ^10.13.0
-    "@carbon/test-utils": ^10.16.0
-    "@carbon/type": ^10.32.0
+    "@carbon/test-utils": ^10.17.0-rc.0
+    "@carbon/type": ^10.33.0-rc.0
     change-case: ^4.1.1
     color: ^3.1.2
     core-js: ^3.6.5
@@ -2142,14 +2142,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@carbon/type@^10.32.0, @carbon/type@workspace:packages/type":
+"@carbon/type@^10.33.0-rc.0, @carbon/type@workspace:packages/type":
   version: 0.0.0-use.local
   resolution: "@carbon/type@workspace:packages/type"
   dependencies:
-    "@carbon/cli": ^10.26.0
+    "@carbon/cli": ^10.27.0-rc.0
     "@carbon/import-once": ^10.6.0
-    "@carbon/layout": ^10.28.0
-    "@carbon/test-utils": ^10.16.0
+    "@carbon/layout": ^10.29.0-rc.0
+    "@carbon/test-utils": ^10.17.0-rc.0
     change-case: ^4.1.1
     rimraf: ^3.0.0
   languageName: unknown
@@ -10300,7 +10300,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"carbon-components-react@^7.40.0, carbon-components-react@workspace:packages/react":
+"carbon-components-react@^7.41.0-rc.0, carbon-components-react@workspace:packages/react":
   version: 0.0.0-use.local
   resolution: "carbon-components-react@workspace:packages/react"
   dependencies:
@@ -10315,10 +10315,10 @@ __metadata:
     "@babel/plugin-transform-object-assign": ^7.14.5
     "@babel/preset-env": ^7.14.7
     "@babel/preset-react": ^7.14.5
-    "@carbon/feature-flags": ^0.5.0
-    "@carbon/icons-react": ^10.36.0
+    "@carbon/feature-flags": ^0.6.0-rc.0
+    "@carbon/icons-react": ^10.37.0-rc.0
     "@carbon/telemetry": 0.0.0-alpha.6
-    "@carbon/test-utils": ^10.16.0
+    "@carbon/test-utils": ^10.17.0-rc.0
     "@cypress/react": ^5.4.0
     "@cypress/webpack-dev-server": ^1.1.5
     "@percy/cypress": ^3.1.1
@@ -10343,7 +10343,7 @@ __metadata:
     babel-plugin-react-docgen: ^4.2.1
     babel-plugin-transform-inline-environment-variables: ^0.4.3
     browserslist-config-carbon: ^10.6.1
-    carbon-components: ^10.40.0
+    carbon-components: ^10.41.0-rc.0
     carbon-icons: ^7.0.5
     chalk: ^4.1.1
     classnames: 2.3.1
@@ -10383,7 +10383,7 @@ __metadata:
     rollup-plugin-strip-banner: ^2.0.0
     rollup-plugin-terser: ^7.0.2
     rtlcss: ^2.4.0
-    sass: ^1.32.2
+    sass: ^1.36.0
     sass-loader: ^10.1.1
     storybook-readme: ^5.0.9
     string-replace-loader: ^2.1.0
@@ -10426,7 +10426,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"carbon-components@^10.40.0, carbon-components@workspace:packages/components":
+"carbon-components@^10.41.0-rc.0, carbon-components@workspace:packages/components":
   version: 0.0.0-use.local
   resolution: "carbon-components@workspace:packages/components"
   dependencies:
@@ -10438,12 +10438,12 @@ __metadata:
     "@babel/preset-env": ^7.14.7
     "@babel/preset-react": ^7.14.5
     "@babel/runtime": ^7.14.6
-    "@carbon/cli": ^10.26.0
-    "@carbon/elements": ^10.39.0
-    "@carbon/icons-handlebars": ^10.36.0
-    "@carbon/icons-react": ^10.36.0
+    "@carbon/cli": ^10.27.0-rc.0
+    "@carbon/elements": ^10.40.0-rc.0
+    "@carbon/icons-handlebars": ^10.37.0-rc.0
+    "@carbon/icons-react": ^10.37.0-rc.0
     "@carbon/telemetry": 0.0.0-alpha.6
-    "@carbon/test-utils": ^10.16.0
+    "@carbon/test-utils": ^10.17.0-rc.0
     "@frctl/fractal": ^1.1.0
     "@rollup/plugin-babel": ^5.3.0
     "@rollup/plugin-commonjs": ^18.0.0
@@ -10524,7 +10524,7 @@ __metadata:
     rollup: ^2.46.0
     rollup-plugin-filesize: ^9.1.1
     rollup-plugin-terser: ^7.0.2
-    sass: ^1.24.5
+    sass: ^1.36.0
     sass-loader: ^8.0.2
     serve-static: ^1.13.0
     style-loader: ^1.1.3
@@ -29825,14 +29825,14 @@ resolve@^2.0.0-next.3:
   languageName: node
   linkType: hard
 
-"sass@npm:^1.24.5, sass@npm:^1.32.12, sass@npm:^1.32.2, sass@npm:^1.32.4":
-  version: 1.32.13
-  resolution: "sass@npm:1.32.13"
+"sass@npm:^1.36.0":
+  version: 1.36.0
+  resolution: "sass@npm:1.36.0"
   dependencies:
     chokidar: ">=3.0.0 <4.0.0"
   bin:
     sass: sass.js
-  checksum: 51b798280bd96c8e8d580592bcd40947075e9e55109bbc5e21037427ac2a78e58d3c3cf4b8b33ac9d592758376597d15cd28ddde1cda2885d19791d6321989d4
+  checksum: fdb03deed1769f182900c1b5505bc22e50cf1d3ce4d5253fc907865f784c430236937bd391d91ef714e59995584f13ff31d3776d5283e730f5172ac227585754
   languageName: node
   linkType: hard