fix: size-* is based on spacing config

lib/rules/enforces-shorthand.js

@@ -245,8 +245,10 @@ module.exports = {
           if (mode === 'value') {
             const bodyMatch = inputSet.some((inputClassPattern) => inputClassPattern === remainingClass.body);
             // w-screen + h-screen ≠ size-screen (Issue #307)
-            const validValue =
-              bodyMatch && !(['w-', 'h-'].includes(remainingClass.body) && ['screen'].includes(remainingClass.value));
+            const spacingKeys = Object.keys(mergedConfig.theme.spacing);
+            const isSize = ['w-', 'h-'].includes(remainingClass.body);
+            const isValidSize = spacingKeys.includes(remainingClass.value);
+            const validValue = bodyMatch && !(isSize && !isValidSize);
             return validValue;
           }
         });

tests/lib/rules/enforces-shorthand.js

@@ -34,6 +34,33 @@ const skipClassAttributeOptions = [
   },
 ];
 
+const customWidthHeightOptions = [
+  {
+    config: {
+      theme: {
+        extend: {
+          width: { custom: "100px" },
+          height: { custom: "100px" },
+        },
+      },
+      plugins: [],
+    },
+  },
+];
+
+const customSpacingOptions = [
+  {
+    config: {
+      theme: {
+        extend: {
+          spacing: { custom: "100px" },
+        },
+      },
+      plugins: [],
+    },
+  },
+];
+
 var generateError = (classnames, shorthand) => {
   return {
     messageId: "shorthandCandidateDetected",
@@ -132,6 +159,10 @@ ruleTester.run("shorthands", rule, {
     {
       code: "<div className={'w-screen h-screen'}>issue #307</div>",
     },
+    {
+      code: `<div class="h-custom w-custom">size-* is based on spacing</div>`,
+      options: customWidthHeightOptions,
+    },
   ],
 
   invalid: [
@@ -727,5 +758,11 @@ ruleTester.run("shorthands", rule, {
       output: `<div class="h-10 md:size-5 lg:w-10">New size-* utilities</div>`,
       errors: [generateError(["md:h-5", "md:w-5"], "md:size-5")],
     },
+    {
+      code: `<div class="h-custom w-custom">size-* is based on spacing</div>`,
+      output: `<div class="size-custom">size-* is based on spacing</div>`,
+      errors: [generateError(["h-custom", "w-custom"], "size-custom")],
+      options: customSpacingOptions,
+    },
   ],
 });