@primer/css 21.0.3-rc.5dbb9147 → 21.0.3-rc.5e9fd990

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/css",
-  "version": "21.0.3-rc.5dbb9147",
+  "version": "21.0.3-rc.5e9fd990",
   "description": "The CSS implementation of GitHub's Primer Design System",
   "homepage": "https://primer.style/css",
   "author": "GitHub, Inc.",
@@ -42,7 +42,7 @@
     "storybook": "cd docs && yarn && yarn storybook"
   },
   "dependencies": {
-    "@primer/primitives": "^7.11.10",
+    "@primer/primitives": "^7.11.12",
     "@primer/view-components": "^0.1.0"
   },
   "devDependencies": {
@@ -73,7 +73,7 @@
     "postcss-custom-properties-fallback": "^1.0.2",
     "prettier": "2.8.8",
     "semver": "7.3.8",
-    "stylelint": "14.15.0",
+    "stylelint": "15.7.0",
     "table": "6.8.1"
   },
   "jest": {

package/postcss.config.cjs

@@ -3,7 +3,8 @@ const sass = require('@csstools/postcss-sass')
 const scss = require('postcss-scss')
 const scssImport = require('postcss-import')
 const { join } = require('path')
-const importedJSONFromPrimitives = require('./node_modules/@primer/primitives/tokens-next-private/fallbacks/color-fallbacks.json')
+const path = require('path')
+const fs = require('fs')
 
 module.exports = {
   map: {
@@ -20,9 +21,29 @@ module.exports = {
     }),
     autoprefixer,
     require('postcss-custom-properties-fallback')({
-      importFrom: {
-        customProperties: importedJSONFromPrimitives
-      },
+      importFrom: [
+        () => {
+          const primitiveFallbacks = [
+            'color-fallbacks.json',
+            'base/size/size.json',
+            'base/typography/typography.json',
+            'functional/size/border.json',
+            'functional/size/breakpoints.json',
+            'functional/size/size-coarse.json',
+            'functional/size/size-fine.json',
+            'functional/size/size.json',
+            'functional/size/viewport.json',
+            'functional/typography/typography.json',
+          ]
+          let customProperties = {}
+          for (const filePath of primitiveFallbacks) {
+            const fileData = fs.readFileSync(path.join(__dirname, './node_modules/@primer/primitives/tokens-next-private/fallbacks/', filePath), 'utf8')
+            customProperties = {...customProperties, ...JSON.parse(fileData)}
+          }
+
+          return { customProperties: customProperties };
+        }
+      ]
     }),
   ]
 }