From b36e9999a71168662169cd4735d164648e011c29 Mon Sep 17 00:00:00 2001
From: Nicolas Langle <nlangle@beapi.fr>
Date: Wed, 9 Apr 2025 12:00:55 +0200
Subject: [PATCH] fix (theme): WP browser list

---
 config/loaders.js            | 3 ++-
 package.json                 | 1 +
 src/scss/03-base/_fonts.scss | 2 +-
 yarn.lock                    | 8 ++++++++
 4 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/config/loaders.js b/config/loaders.js
index 6f2e53da..75e9e0a7 100644
--- a/config/loaders.js
+++ b/config/loaders.js
@@ -2,6 +2,7 @@ const path = require('path')
 const MiniCssExtractPlugin = require('mini-css-extract-plugin')
 const srcPath = path.resolve(__dirname, '../src')
 const nodeModulesPath = path.resolve(__dirname, '../node_modules')
+const browserslistConfig = require('@wordpress/browserslist-config')
 
 function isEditor(loaderContext) {
   return loaderContext.resource.indexOf('editor.scss') > -1
@@ -62,7 +63,7 @@ module.exports = {
                   plugins: {
                     'postcss-import': {},
                     'postcss-preset-env': {
-                      browsers: 'last 2 versions, > 2%, not dead',
+                      browsers: browserslistConfig,
                       stage: 2,
                       features: {
                         // https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_logical_properties_and_values
diff --git a/package.json b/package.json
index 3671dd98..bf699137 100644
--- a/package.json
+++ b/package.json
@@ -22,6 +22,7 @@
   },
   "devDependencies": {
     "@wordpress/blocks": "^11.16.0",
+    "@wordpress/browserslist-config": "^6.21.0",
     "@wordpress/dependency-extraction-webpack-plugin": "^4.0.0",
     "@wordpress/dom-ready": "^3.17.0",
     "@wordpress/hooks": "^3.17.0",
diff --git a/src/scss/03-base/_fonts.scss b/src/scss/03-base/_fonts.scss
index b5e77e7a..6ff4d7e3 100644
--- a/src/scss/03-base/_fonts.scss
+++ b/src/scss/03-base/_fonts.scss
@@ -25,7 +25,7 @@
  *          ...
  */
 
-@use "~@fontsource/poppins/scss/mixins" as Poppins;
+@use "node_modules/@fontsource/poppins/scss/mixins" as Poppins;
 
 @include Poppins.faces($weights: (300, 400, 500, 700), $styles: normal);
 @include Poppins.faces($weights: (300, 400, 500, 700), $styles: italic);
diff --git a/yarn.lock b/yarn.lock
index efb2bffa..dacf4d2b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1394,6 +1394,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@wordpress/browserslist-config@npm:^6.21.0":
+  version: 6.21.0
+  resolution: "@wordpress/browserslist-config@npm:6.21.0"
+  checksum: 10/cc7d517b6aac44fee8a00b4f54746909edcb5ece14730fb34d8ad1f302d44df64398624332e459aee2db32fa3602c649a3526f61e5db03959cfdc997687507bd
+  languageName: node
+  linkType: hard
+
 "@wordpress/compose@npm:^5.20.0":
   version: 5.20.0
   resolution: "@wordpress/compose@npm:5.20.0"
@@ -2094,6 +2101,7 @@ __metadata:
   dependencies:
     "@fontsource/poppins": "npm:^5.0.5"
     "@wordpress/blocks": "npm:^11.16.0"
+    "@wordpress/browserslist-config": "npm:^6.21.0"
     "@wordpress/dependency-extraction-webpack-plugin": "npm:^4.0.0"
     "@wordpress/dom-ready": "npm:^3.17.0"
     "@wordpress/hooks": "npm:^3.17.0"