fix pcss configuration

Author: Alexandr Zaitsev

postcss.config.js

@@ -19,13 +19,18 @@
  */
 
 import postcssPresetEnv from 'postcss-preset-env';
+import postcssGlobalData from '@csstools/postcss-global-data';
 import postcssSvg from 'postcss-svg';
-import postcssNested from 'postcss-nested';
 
 export default {
     plugins: [
-        postcssPresetEnv({ stage: 3 }),
+        // should go before postcss-custom-media to correctly inject media rules
+        postcssGlobalData({ files: ['./Extension/src/pages/common/styles/media.pcss'] }),
+        'postcss-import',
+        // should go before postcssPresetEnv with nesting-rules enabled
+        'postcss-nested',
+        [postcssPresetEnv, { stage: 3, features: { 'nesting-rules': true } }],
+        'postcss-custom-media',
         postcssSvg(),
-        postcssNested(),
     ],
 };