diff --git a/docs/.stylelintrc.json b/docs/.stylelintrc.json
index 98c118e79c1..18a2e077b08 100644
--- a/docs/.stylelintrc.json
+++ b/docs/.stylelintrc.json
@@ -17,7 +17,6 @@
         "no-duplicate-selectors": null,
         "number-leading-zero": null,
         "number-no-trailing-zeros": null,
-        "property-no-vendor-prefix": null,
         "selector-class-pattern": null,
         "value-keyword-case": null
     },
diff --git a/docs/package.json b/docs/package.json
index e0defad6d23..decba5ad03b 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -10,12 +10,14 @@
     "files": [],
     "scripts": {
         "images": "imagemin '_site/assets/images' --out-dir='_site/assets/images'",
-        "watch:sass": "sass --watch --poll src/assets/scss:src/assets/css",
+        "watch:postcss": "postcss src/assets/css -d src/assets/css --watch --poll",
+        "watch:sass": "sass --watch --poll src/assets/scss:src/assets/css --no-source-map",
         "watch:eleventy": "eleventy --serve --port=2023",
-        "build:sass": "sass --style=compressed src/assets/scss:src/assets/css --no-source-map",
+        "build:postcss": "postcss src/assets/css -d src/assets/css",
+        "build:sass": "sass src/assets/scss:src/assets/css --no-source-map",
         "build:eleventy": "npx @11ty/eleventy",
-        "start": "npm-run-all build:sass --parallel watch:*",
-        "build": "npm-run-all build:sass build:eleventy images",
+        "start": "npm-run-all build:sass build:postcss --parallel watch:*",
+        "build": "npm-run-all build:sass build:postcss build:eleventy images",
         "lint:scss": "stylelint \"**/*.{scss,html}\"",
         "lint:fix:scss": "npm run lint:scss -- --fix"
     },
@@ -27,6 +29,8 @@
         "@11ty/eleventy-plugin-syntaxhighlight": "^3.1.2",
         "@types/markdown-it": "^12.2.3",
         "algoliasearch": "^4.12.1",
+        "autoprefixer": "^10.4.13",
+        "cssnano": "^5.1.14",
         "dom-parser": "^0.1.6",
         "eleventy-plugin-nesting-toc": "^1.3.0",
         "eleventy-plugin-page-assets": "^0.3.0",
@@ -41,6 +45,7 @@
         "markdown-it-container": "^3.0.0",
         "netlify-cli": "^10.3.1",
         "npm-run-all": "^4.1.5",
+        "postcss-cli": "^10.0.0",
         "postcss-html": "^1.5.0",
         "prismjs": "^1.29.0",
         "rimraf": "^3.0.2",
@@ -52,5 +57,9 @@
     },
     "engines": {
         "node": ">=14.0.0"
-    }
+    },
+    "browserslist": [
+        "defaults",
+        "IE 11"
+    ]
 }
diff --git a/docs/postcss.config.js b/docs/postcss.config.js
new file mode 100644
index 00000000000..319fa67a5bc
--- /dev/null
+++ b/docs/postcss.config.js
@@ -0,0 +1,7 @@
+module.exports = {
+    plugins: [
+      require('autoprefixer'),
+      require('cssnano')
+    ],
+    map: false
+  }
diff --git a/docs/src/assets/scss/components/docs-index.scss b/docs/src/assets/scss/components/docs-index.scss
index d524a9b2589..22e156eb39d 100644
--- a/docs/src/assets/scss/components/docs-index.scss
+++ b/docs/src/assets/scss/components/docs-index.scss
@@ -60,7 +60,6 @@
 }
 
 .index-js [aria-expanded="true"] .index-icon {
-    -ms-transform: rotate(180deg);
     transform: rotate(180deg);
 }
 
diff --git a/docs/src/assets/scss/components/search.scss b/docs/src/assets/scss/components/search.scss
index 0d9c522e56c..4b90582c4c6 100644
--- a/docs/src/assets/scss/components/search.scss
+++ b/docs/src/assets/scss/components/search.scss
@@ -1,6 +1,5 @@
 [type="search"]::-webkit-search-cancel-button,
 [type="search"]::-webkit-search-decoration {
-    -webkit-appearance: none;
     appearance: none;
 }
 
diff --git a/docs/src/assets/scss/components/toc.scss b/docs/src/assets/scss/components/toc.scss
index 74da310b325..aca19cf99b3 100644
--- a/docs/src/assets/scss/components/toc.scss
+++ b/docs/src/assets/scss/components/toc.scss
@@ -124,7 +124,6 @@
     color: var(--color-neutral-400);
 
     [aria-expanded="true"] & {
-        -ms-transform: rotate(180deg);
         transform: rotate(180deg);
     }
 }
diff --git a/docs/src/assets/scss/forms.scss b/docs/src/assets/scss/forms.scss
index 0df746c558e..3ca14525734 100644
--- a/docs/src/assets/scss/forms.scss
+++ b/docs/src/assets/scss/forms.scss
@@ -1,6 +1,4 @@
 .c-custom-select {
-    -moz-appearance: none;
-    -webkit-appearance: none;
     appearance: none;
     box-sizing: border-box;
     display: block;
diff --git a/docs/src/assets/scss/syntax-highlighter.scss b/docs/src/assets/scss/syntax-highlighter.scss
index 2b729e5ea4e..cb744db0e38 100644
--- a/docs/src/assets/scss/syntax-highlighter.scss
+++ b/docs/src/assets/scss/syntax-highlighter.scss
@@ -15,12 +15,7 @@ pre[class*="language-"] {
     word-wrap: normal;
     line-height: 1.5;
     font-variant-ligatures: none;
-    -moz-tab-size: 4;
-    -o-tab-size: 4;
     tab-size: 4;
-    -webkit-hyphens: none;
-    -moz-hyphens: none;
-    -ms-hyphens: none;
     hyphens: none;
 }