tor-browser

commit a179b18d96c78882cc719633f5884cbbb73e9026
parent d22f4c063732b2a848847832055322546d41c6f7
Author: hannajones <hjones@mozilla.com>
Date:   Mon,  3 Nov 2025 20:35:10 +0000

Bug 1995422 - ensure isValidLocalProperty can handle shorthand properties r=frontend-codestyle-reviewers,tgiles

Differential Revision: https://phabricator.services.mozilla.com/D269300

Diffstat:
M
tools/lint/stylelint/stylelint-plugin-mozilla/helpers.mjs
 | 
7
++++++-
M
tools/lint/stylelint/stylelint-plugin-mozilla/tests/use-border-color-tokens.tests.mjs
 | 
6
++++++

2 files changed, 12 insertions(+), 1 deletion(-)
diff --git a/tools/lint/stylelint/stylelint-plugin-mozilla/helpers.mjs b/tools/lint/stylelint/stylelint-plugin-mozilla/helpers.mjs
@@ -344,7 +344,12 @@ export const isValidLocalProperty = (value, cssCustomProperties, tokenCSS) => {
   });
 
   if (customProperty && cssCustomProperties[customProperty]) {
-    return isToken(cssCustomProperties[customProperty].trim(), tokenCSS);
+    return isValidTokenUsage(
+      cssCustomProperties[customProperty],
+      tokenCSS,
+      cssCustomProperties,
+      ALLOW_LIST
+    );
   }
   return false;
 };
diff --git a/tools/lint/stylelint/stylelint-plugin-mozilla/tests/use-border-color-tokens.tests.mjs b/tools/lint/stylelint/stylelint-plugin-mozilla/tests/use-border-color-tokens.tests.mjs
@@ -123,6 +123,12 @@ testRule({
       code: "outline: var(--focus-outline);",
       description: "Using a focus-outline token in outline is valid.",
     },
+    {
+      code: `
+        :root { --custom-token: var(--border-width) solid var(--border-color); }
+        .a { border: var(--custom-token); }
+      `,
+    },
   ],
 
   reject: [