fix: reduce excess stylelint warnings from bundle module (#3655)

* fix: reduce excess stylelint warnings from bundle module file

Fixes large number of stylelint warnings appearing after yarn start.
These were the result of stylelint running on the
tools/bundle/dist/index.module.css file.

- Add stylelint override to better lint module files that have a
  different class format.
- Mirror stylelintignore within ignorefiles setting to bandaid
  issues with stylelintignore not being used for linting that
  happens after yarn start.
- Fix a stylelint config entry for theme-alignment to remove
  negation and make sure it applies to both legacy files.

Author: jawinn

stylelint.config.js

@@ -14,6 +14,20 @@ module.exports = {
 		"@spectrum-tools/stylelint-theme-alignment",
 		// "stylelint-high-performance-animation",
 	],
+	ignoreFiles: [
+		// Static utility assets
+		"tokens/custom-*/*.css",
+		"tools/generator/**/*.css",
+		// Compiled and generated files
+		"**/dist/**",
+		".storybook/storybook-static/**/*.css",
+		"**/*-generated.css",
+		"tools/bundle/src/*.css",
+		"**/node_modules/**",
+		// Test files
+		"plugins/*/expected/*.css",
+		"plugins/*/fixtures/*.css",
+	],
 	rules: {
 		/** --------------------------------------------------------------
 		 * Disabled rules
@@ -210,7 +224,7 @@ module.exports = {
 		},
 		{
 			/* Validate that the legacy themes don't introduce any new selectors or custom properties */
-			files: ["components/*/themes/*.css", "!components/*/themes/spectrum.css"],
+			files: ["components/*/themes/express.css", "components/*/themes/spectrum.css"],
 			rules: {
 				"spectrum-tools/no-unused-custom-properties": null,
 				"selector-class-pattern": [
@@ -235,5 +249,17 @@ module.exports = {
 				],
 			}
 		},
+		{
+			/* Module CSS file classes have an underscore before classes, and use underscores instead of a dash as separators (e.g. _spectrum_well) */
+			files: ["*.module.css"],
+			rules: {
+				"selector-class-pattern": [
+					"^_spectrum$|^(_)?(spectrum|is|u)(_|-)[A-Za-z0-9-_]+", {
+						resolveNestedSelectors: true
+					}
+				],
+				"keyframes-name-pattern": null,
+			}
+		},
 	],
 };