fix: restore missing css after migration to new postcss-preset-env (#64874)

* fix: restore missing css after migration to new postcss-preset-env

* update comment

* Update postcss.config.js

Co-authored-by: metabase-bot[bot] <109303359+metabase-bot[bot]@users.noreply.github.com>

* proper fix

* fix comment

* remove path

---------

Co-authored-by: metabase-bot[bot] <109303359+metabase-bot[bot]@users.noreply.github.com>

enterprise/frontend/src/metabase-enterprise/metabot/components/MetabotChat/MetabotChat.module.css

@@ -48,7 +48,6 @@
   background: transparent;
   outline: none;
   width: 100%;
-  padding: 0.5rem 0;
   line-height: 1.7;
   color: var(--mb-color-text-dark);
 

package.json

@@ -159,6 +159,7 @@
     "@babel/preset-react": "^7.23.3",
     "@babel/preset-typescript": "^7.24.7",
     "@bahmutov/cypress-esbuild-preprocessor": "^2.2.0",
+    "@csstools/postcss-global-data": "^3.1.0",
     "@cypress/grep": "^4.0.1",
     "@cypress/react": "^8",
     "@cypress/skip-test": "^2.6.1",

postcss.config.js

@@ -1,11 +1,5 @@
 /* eslint-env node */
 /* eslint-disable import/no-commonjs */
-const path = require("path");
-
-const glob = require("glob");
-
-const SRC_PATH = path.join(__dirname, "frontend/src/metabase");
-const CSS_SRC = glob.sync(path.join(SRC_PATH, "css/**/*.css"));
 
 module.exports = {
   plugins: [
@@ -15,10 +9,14 @@ module.exports = {
     // Rebase/inline URLs
     require("postcss-url")(),
 
+    // import custom media queries and provide them globally available
+    require("@csstools/postcss-global-data")({
+      files: ["frontend/src/metabase/css/core/breakpoints.module.css"],
+    }),
+
     // Modern CSS features & your custom-media definitions
     require("postcss-preset-env")({
       stage: 2,
-      importFrom: CSS_SRC,
       features: {
         "custom-media-queries": true,
         "custom-properties": true,

yarn.lock

@@ -1426,6 +1426,11 @@
     "@csstools/css-parser-algorithms" "^3.0.5"
     "@csstools/css-tokenizer" "^3.0.4"
 
+"@csstools/postcss-global-data@^3.1.0":
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-global-data/-/postcss-global-data-3.1.0.tgz#06b33f28b7cac6ad112deeef12b9f05c0a085497"
+  integrity sha512-qfS0bUxBukuyxEyxTTZG+px2xwAQPf7Qk6B7lFdjWnovb/O6h0t3sxrVY81nJLh7z0KvEMhjxTURNtEmOrADpQ==
+
 "@csstools/postcss-gradients-interpolation-method@^5.0.12":
   version "5.0.12"
   resolved "https://registry.yarnpkg.com/@csstools/postcss-gradients-interpolation-method/-/postcss-gradients-interpolation-method-5.0.12.tgz#0955cce4d97203b861bf66742bbec611b2f3661c"