Migrate from infix to prefix (#42203)

* Migrate from infix to prefix

- Replace the breakpoint infix pattern (e.g., `.d-md-none`, `.col-lg-6`) with a prefix pattern using an escaped colon (e.g., `.md\:d-none`, `.lg\:col-6`),
- Rename `breakpoint-infix()` to `breakpoint-prefix()` and add
  `css-escape-ident()` for leading-digit breakpoints like `2xl`
- Update `generate-utility()`, grid, and all component/helper loops
- Update containers, navbar, offcanvas, tables, list-group, stepper,
  dialog, sticky, and stacks responsive classes
- Update SCSS and JS tests
- Update all docs

Made-with: Cursor

* fix for prefix

* fix that

* fix

Author: mdo

.stylelintrc.json

@@ -8,6 +8,10 @@
   "reportInvalidScopeDisables": true,
   "reportNeedlessDisables": true,
   "rules": {
+    "selector-class-pattern": [
+      "^([a-z][a-z0-9]*(-[a-z0-9]+)*:)?([a-z][a-z0-9]*)(-[a-z0-9]+)*$",
+      { "message": "Expected class selector \"%s\" to be kebab-case (with optional breakpoint prefix)" }
+    ],
     "order/order": [
       [
         { "type": "at-rule", "name": "use" },