fix(bundler): allow CSS nesting by default, restore postcss-preset-env (#10680)

packages/docusaurus-bundler/package.json

@@ -24,7 +24,6 @@
     "@docusaurus/logger": "3.6.1",
     "@docusaurus/types": "3.6.1",
     "@docusaurus/utils": "3.6.1",
-    "autoprefixer": "^10.4.14",
     "babel-loader": "^9.2.1",
     "clean-css": "^5.3.2",
     "copy-webpack-plugin": "^11.0.0",
@@ -37,6 +36,7 @@
     "null-loader": "^4.0.1",
     "postcss": "^8.4.26",
     "postcss-loader": "^7.3.3",
+    "postcss-preset-env": "^10.1.0",
     "react-dev-utils": "^12.0.1",
     "terser-webpack-plugin": "^5.3.9",
     "tslib": "^2.6.0",

packages/docusaurus-bundler/src/loaders/styleLoader.ts

@@ -69,8 +69,13 @@ export async function createStyleLoadersFactory({
             // https://github.com/facebook/create-react-app/issues/2677
             ident: 'postcss',
             plugins: [
-              // eslint-disable-next-line global-require
-              require('autoprefixer'),
+              [
+                require.resolve('postcss-preset-env'),
+                {
+                  // Keeping this empty options object on purpose
+                  // It could be more convenient for configurePostCss() usage
+                },
+              ],
             ],
           },
         },