Handle lists

packages/tailwindcss/src/compat/plugin-api.test.ts

@@ -2885,6 +2885,9 @@ describe('addUtilities()', () => {
                 '.h~.i': {
                   color: 'red',
                 },
+                '.j.j': {
+                  color: 'red',
+                },
               })
             },
           }
@@ -2893,7 +2896,7 @@ describe('addUtilities()', () => {
     )
 
     expect(
-      compiled.build(['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i']).trim(),
+      compiled.build(['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j']).trim(),
     ).toMatchInlineSnapshot(
       `
       "@layer utilities {
@@ -2937,6 +2940,14 @@ describe('addUtilities()', () => {
             color: red;
           }
         }
+        .j {
+          &.j {
+            color: red;
+          }
+          .j& {
+            color: red;
+          }
+        }
       }"
     `,
     )

packages/tailwindcss/src/compat/plugin-api.ts

@@ -208,13 +208,9 @@ export function buildPluginApi(
           continue
         }
 
-        if (name[0] === '.' && IS_VALID_UTILITY_NAME.test(name.slice(1))) {
-          utils.get(name.slice(1)).push(...objectToAst(css))
-          continue
-        }
-
         let selectorAst = SelectorParser.parse(name)
         let foundValidUtility = false
+
         SelectorParser.walk(selectorAst, (node) => {
           if (
             node.kind === 'selector' &&