stylelint-config: Resolve nested selectors with selector-class-pattern (#10563)

changelog: Internal, Build Tooling, Resolve nested selectors with Stylelint selector-class-pattern configuration

Author: aduth

app/javascript/packages/stylelint-config/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 4.1.0
+
+### Improvements
+
+- The `selector-class-pattern` configuration now specifies [`resolveNestedSelectors: true`](https://stylelint.io/user-guide/rules/selector-class-pattern/#resolvenestedselectors-true--false-default-false) to resolve nested selectors using `&` interpolation.
+
 ## 4.0.0
 
 ### Breaking Changes

app/javascript/packages/stylelint-config/index.js

@@ -12,6 +12,7 @@ module.exports = {
       {
         message:
           'Class selectors should be named using "Two Dashes Style" BEM format. See: https://en.bem.info/methodology/naming-convention/#two-dashes-style',
+        resolveNestedSelectors: true,
       },
     ],
   },

app/javascript/packages/stylelint-config/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@18f/identity-stylelint-config",
-  "version": "4.0.0",
+  "version": "4.1.0",
   "private": false,
   "description": "Stylelint shareable configuration for Login.gov CSS/SASS standards",
   "exports": {