Enable custom-property-disallowed-list in stylelint-polaris (#8973)

### WHY are these changes introduced?

Follow up to #8968

### WHAT is this pull request doing?

Adds the `custom-property-disallowed-list` plugin to the
`stylelint-polaris` config to disallow a collection of Polaris v10
custom properties prior to the v11 release.

---------

Co-authored-by: Aaron Casanova <[email protected]>
Co-authored-by: Chloe Rice <[email protected]>

Author: 3 people

.changeset/khaki-walls-wash.md

@@ -0,0 +1,7 @@
+---
+'@shopify/stylelint-polaris': major
+'@shopify/polaris': minor
+'polaris.shopify.com': minor
+---
+
+Enabled the `custom-property-disallowed-list` rule and added deprecated v10 custom properties.

polaris-react/src/components/AlphaFilters/AlphaFilters.scss

@@ -163,7 +163,7 @@
 
   .AddFilterActivatorMultiple {
     position: sticky;
-    z-index: var(--p-z-1);
+    z-index: var(--p-z-index-1);
     top: 0;
     right: 0;
     display: flex;
@@ -227,7 +227,7 @@
   .MultiplePinnedFilterClearAll {
     transform: translateX(-8px);
     position: relative;
-    z-index: var(--p-z-1);
+    z-index: var(--p-z-index-1);
     margin-left: 0;
     padding-right: var(--p-space-4);
   }

polaris-react/src/components/AlphaTabs/AlphaTabs.scss

@@ -101,7 +101,7 @@
   &:not([aria-disabled='true']):active {
     background-color: var(--p-color-bg-active);
     color: var(--p-color-text);
-    z-index: var(--p-z-1);
+    z-index: var(--p-z-index-1);
   }
 
   path {
@@ -257,7 +257,7 @@
 
   &:not([aria-disabled='true']):active {
     background-color: var(--p-color-bg-active);
-    z-index: var(--p-z-1);
+    z-index: var(--p-z-index-1);
   }
 
   &[aria-disabled='true'] {

polaris-react/src/components/IndexFilters/IndexFilters.scss

@@ -20,7 +20,7 @@ $spinner-size: 20px;
     z-index: var(--p-z-index-1);
     top: 56px;
     width: 100vw;
-    box-shadow: var(--p-shadow-top-bar);
+    box-shadow: var(--p-shadow-sm);
   }
 
   .IndexFilters.IndexFiltersStickyFlush {

polaris-react/src/components/TopBar/components/Menu/tests/Menu.test.tsx

@@ -121,23 +121,6 @@ describe('<Menu />', () => {
     expect(menu).toContainReactComponent(Message);
   });
 
-  describe('isFullHeight', () => {
-    it('passes isFullHeight to popover as false if menu is not provided a message', () => {
-      const {message, ...rest} = defaultProps;
-      const menu = mountWithApp(<Menu {...rest} open />);
-
-      expect(menu).toContainReactComponent(Popover, {fullHeight: false});
-    });
-
-    it('passes isFullHeight to popover as true if menu is provided a message', () => {
-      const menu = mountWithApp(<Menu {...defaultProps} open />);
-
-      expect(menu).toContainReactComponent(Popover, {
-        fullHeight: true,
-      });
-    });
-  });
-
   describe('accessibilityLabel', () => {
     it('passes accessibilityLabel to the popover activator', () => {
       const menu = mountWithApp(

polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-custom-property-disallowed-list.md

@@ -0,0 +1,15 @@
+---
+title: colors/custom-property-disallowed-list
+description: Disallows use of legacy color custom properties.
+keywords:
+  - stylelint
+  - colors
+  - colors rules
+---
+
+```diff
+// Do
++ color: var(--p-color-text-caution);
+// Don't
+- color: var(--p-text-warning);
+```

polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-global-disallowed-list.md

@@ -1,23 +1,12 @@
 ---
 title: colors/global-disallowed-list
-description: Disallows use of legacy color custom properties and mixin map data.
+description: Disallows use of legacy color Sass APIs.
 keywords:
   - stylelint
   - colors
   - colors rules
 ---
 
-Disallows use of legacy custom properties.
-
-```diff
-// Do
-+ border: transparent;
-// Don't
-- border: var(--p-override-transparent);
-```
-
-Disallows use of legacy mixin map data.
-
 ```diff
 // Don't
 - @type map $filter-palette-data: $polaris-color-filters;

polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-custom-property-disallowed-list.md

@@ -0,0 +1,15 @@
+---
+title: depth/custom-property-disallowed-list
+description: Disallows use of legacy shadow custom properties.
+keywords:
+  - stylelint
+  - depth
+  - depth rules
+---
+
+```diff
+// Do
++ box-shadow: var(--p-shadow-md);
+// Don't
+- box-shadow: var(--p-shadow-deep)
+```

polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-global-disallowed-list.md

@@ -1,15 +1,13 @@
 ---
 title: depth/global-disallowed-list
-description: Disallows use of legacy shadow custom properties and Sass mixin data.
+description: Disallows use of legacy depth Sass APIs.
 keywords:
   - stylelint
   - depth
   - depth rules
 ---
 
 ```diff
-// Do
-+ box-shadow: var(--p-shadow-card);
 // Don't
-- box-shadow: var(--p-card-shadow);
+- @type map $depth-data: $shadows-data;
 ```

polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-custom-property-disallowed-list.md

@@ -0,0 +1,15 @@
+---
+title: layout/custom-property-disallowed-list
+description: Disallows use of legacy layout custom properties.
+keywords:
+  - stylelint
+  - layout
+  - layout rules
+---
+
+```diff
+// Do
++ <Checkbox />
+// Don't
+- height: var(--p-choice-size);
+```