From 99c446b7cf6dc1ade27ba2658ce1812442ebffbc Mon Sep 17 00:00:00 2001
From: Renaud Chaput <renchap@gmail.com>
Date: Fri, 2 Aug 2024 15:17:36 +0200
Subject: [PATCH] Change PostCSS config to allow logical properties (#31264)

---
 package.json      | 1 -
 postcss.config.js | 9 +++++++--
 yarn.lock         | 3 +--
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 18983b43e34..27edd7dc270 100644
--- a/package.json
+++ b/package.json
@@ -50,7 +50,6 @@
     "@svgr/webpack": "^5.5.0",
     "arrow-key-navigation": "^1.2.0",
     "async-mutex": "^0.5.0",
-    "autoprefixer": "^10.4.14",
     "axios": "^1.4.0",
     "babel-loader": "^8.3.0",
     "babel-plugin-formatjs": "^10.5.1",
diff --git a/postcss.config.js b/postcss.config.js
index 63aeafb36d9..ddcbbbeeec3 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,8 +1,13 @@
+const postcssPresetEnv = require('postcss-preset-env');
+
 /** @type {import('postcss-load-config').Config} */
 const config = ({ env }) => ({
   plugins: [
-    require('postcss-preset-env'),
-    require('autoprefixer'),
+    postcssPresetEnv({
+      features: {
+        'logical-properties-and-values': false
+      }
+    }),
     env === 'production' ? require('cssnano') : '',
   ],
 });
diff --git a/yarn.lock b/yarn.lock
index bdd3bd9837a..d7adb6b6405 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2825,7 +2825,6 @@ __metadata:
     "@typescript-eslint/parser": "npm:^7.0.0"
     arrow-key-navigation: "npm:^1.2.0"
     async-mutex: "npm:^0.5.0"
-    autoprefixer: "npm:^10.4.14"
     axios: "npm:^1.4.0"
     babel-jest: "npm:^29.5.0"
     babel-loader: "npm:^8.3.0"
@@ -5118,7 +5117,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"autoprefixer@npm:^10.4.14, autoprefixer@npm:^10.4.19":
+"autoprefixer@npm:^10.4.19":
   version: 10.4.19
   resolution: "autoprefixer@npm:10.4.19"
   dependencies: