[dev] Disallow tag usage in CSS (#2336)

.stylelintrc.json

@@ -9,6 +9,7 @@
     "stylelint-declaration-block-no-ignored-properties",
     "stylelint-high-performance-animation",
     "stylelint-group-selectors",
+    "stylelint-selector-tag-no-without-class",
     "./dev/wholePixel.js"
   ],
   "rules": {
@@ -39,6 +40,7 @@
       {
         "ignorePseudoClasses": ["global"]
       }
-    ]
+    ],
+    "plugin/selector-tag-no-without-class": ["/^(?!body|html)([^_-]*)$/", { "severity": "warning" }]
   }
 }

package-lock.json

@@ -86,6 +86,7 @@
         "stylelint-declaration-block-no-ignored-properties": "^2.6.0",
         "stylelint-group-selectors": "^1.0.9",
         "stylelint-high-performance-animation": "^1.6.0",
+        "stylelint-selector-tag-no-without-class": "^2.0.5",
         "telegraph-node": "^1.0.4",
         "typescript": "^4.9.3",
         "webpack": "^5.75.0",
@@ -14916,6 +14917,18 @@
         "stylelint": "^14.5.1"
       }
     },
+    "node_modules/stylelint-selector-tag-no-without-class": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/stylelint-selector-tag-no-without-class/-/stylelint-selector-tag-no-without-class-2.0.5.tgz",
+      "integrity": "sha512-Cj8wipvI7Ofq+2Z+uq3Z9FPPp1w8VIoXf2xlOgTtExrmbg//hqkCjMpOI8QCgj/eVdrgK41RrO+THjXL/Ghhdw==",
+      "dev": true,
+      "dependencies": {
+        "lodash": "^4.17.5"
+      },
+      "peerDependencies": {
+        "stylelint": ">= 9.x < 15"
+      }
+    },
     "node_modules/stylelint/node_modules/balanced-match": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-2.0.0.tgz",

package.json

@@ -106,6 +106,7 @@
     "stylelint-declaration-block-no-ignored-properties": "^2.6.0",
     "stylelint-group-selectors": "^1.0.9",
     "stylelint-high-performance-animation": "^1.6.0",
+    "stylelint-selector-tag-no-without-class": "^2.0.5",
     "telegraph-node": "^1.0.4",
     "typescript": "^4.9.3",
     "webpack": "^5.75.0",

src/styles/reboot.css

@@ -1,3 +1,4 @@
+/* stylelint-disable plugin/selector-tag-no-without-class */
 *,
 *::before,
 *::after {