Bump stylelint + fixes (#4987)

* bump + fixes

* Create weak-hats-type.md

* fix mixin

---------

Co-authored-by: Jon Rohan <yes@jonrohan.codes>

Author: langermank

.changeset/weak-hats-type.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+Bump stylelint + fixes

.vscode/settings.json

@@ -17,6 +17,10 @@
       "source.fixAll.stylelint": "explicit"
     }
   },
+  "stylelint.validate": [
+    "css",
+    "postcss"
+  ],
   "json.schemas": [
     {
       "fileMatch": ["*.docs.json"],
@@ -26,5 +30,17 @@
       "fileMatch": ["generated/components.json"],
       "url": "./packages/react/script/components-json/output.schema.json"
     }
-  ]
+  ],
+  "cssvar.ignore": [
+    // exclude all but light theme, to avoid stacking suggestions
+    "node_modules/@primer/primitives/dist/css/functional/themes/dark-colorblind.css",
+    "node_modules/@primer/primitives/dist/css/functional/themes/dark-dimmed.css",
+    "node_modules/@primer/primitives/dist/css/functional/themes/dark-high-contrast.css",
+    "node_modules/@primer/primitives/dist/css/functional/themes/dark-tritanopia.css",
+    "node_modules/@primer/primitives/dist/css/functional/themes/dark.css",
+    "node_modules/@primer/primitives/dist/css/functional/themes/light-colorblind.css",
+    "node_modules/@primer/primitives/dist/css/functional/themes/light-high-contrast.css",
+    "node_modules/@primer/primitives/dist/css/functional/themes/light-tritanopia.css"
+  ],
+  "cssvar.files": ["node_modules/@primer/primitives/dist/css/**/*.css"]
 }