Configure stylelint to pick up hard-coded colors

.stylelintrc.js

@@ -28,7 +28,37 @@ module.exports = {
       // 'float': ['inline-start', 'inline-end', 'none', 'unset'],
       'text-align': ['start', 'end', 'center'],
     },
-    // Disable declaration-strict-value until we are in a position to enforce it.
+    // Some parts of declaration-strict-value commented out until we are in a position to enforce them.
-    'scale-unlimited/declaration-strict-value': null,
+    'scale-unlimited/declaration-strict-value': [
+      [
+        // Colors should always be defined from variables or functions.
+        '/color/',
+        'fill',
+        'stroke',
+        // Font tokens should come from our design tokens.
+        'font-family',
+        // 'font-size',
+        // 'font-weight',
+        // Spacing should use a consistent scale rather than hard-coded values.
+        // '/margin/',
+        // '/padding/',
+        // 'gap',
+        // Consistently using variables for z-index allows us to define the order of the values globally.
+        // 'z-index',
+      ],
+      {
+        ignoreValues: [
+          'currentColor',
+          'inherit',
+          'initial',
+          'none',
+          'unset',
+          'transparent',
+          'ActiveText',
+          'Highlight',
+          'ButtonText',
+        ],
+      },
+    ],
   },
 };