feat(core-styles): extend root postcss config

.postcssrc.yml

@@ -5,9 +5,6 @@ plugins:
 
     # https://github.com/csstools/postcss-plugins/blob/main/plugin-packs/postcss-preset-env/FEATURES.md
     features:
-      custom-properties:
-        # https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-custom-properties#options
-        preserve: false
       custom-media-queries: true
       media-query-ranges: true
       custom-selectors: true

libs/core-styles/src/.postcssrc.base.yml

@@ -11,16 +11,7 @@ plugins:
       - 'src/lib/_themes/default.json'
 
   postcss-preset-env:
-    # https://github.com/csstools/postcss-preset-env#features
-    stage: false
-
-    # https://github.com/csstools/postcss-preset-env/blob/master/src/lib/plugins-by-id.js#L35
-    features:
-      custom-media-queries: true
-      media-query-ranges: true
-      # RFE: Fix bug on the Internet so we can use these reliably
-      # SEE: https://github.com/postcss/postcss-custom-selectors/issues/40
-      custom-selectors: true
+    # managed by root
 
   cssnano:
     preset:

libs/core-styles/src/bin/config.js

@@ -6,6 +6,7 @@ const fs = require('fs');
 const merge = require('merge-lite');
 const yaml = require('js-yaml');
 
+const ROOT_CONFIG_FILE = `${__dirname}/../../../../.postcssrc.yml`;
 const BASE_CONFIG_FILE = `${__dirname}/../.postcssrc.base.yml`;
 const NEW_CONFIG_FILE = `${__dirname}/../.postcssrc.yml`;
 
@@ -19,7 +20,11 @@ const NEW_CONFIG_FILE = `${__dirname}/../.postcssrc.yml`;
  */
 function config(customConfigFiles = [], cssVersion) {
   // Prepare data
-  const configFiles = [BASE_CONFIG_FILE, ...customConfigFiles];
+  const configFiles = [].concat(
+    BASE_CONFIG_FILE,
+    ROOT_CONFIG_FILE,
+    customConfigFiles
+  );
   const configObjects = [];
   let newJson;