feat: add test for valid classes and update invalid class code action title

Author: felicijus

packages/tailwindcss-language-server/tests/diagnostics/diagnostics.test.js

@@ -38,6 +38,7 @@ withFixture('basic', (c) => {
   testFixture('invalid-screen/simple')
   testFixture('invalid-theme/simple')
   testFixture('invalid-class/simple')
+  testFixture('invalid-class/valid-classes')
 })
 
 withFixture('v4/basic', (c) => {
@@ -90,6 +91,7 @@ withFixture('v4/basic', (c) => {
   // testFixture('css-conflict/css-multi-prop')
   // testFixture('invalid-screen/simple')
   testFixture('invalid-class/simple')
+  testFixture('invalid-class/valid-classes')
 
   testInline('simple typos in theme keys (in key)', {
     code: '.test { color: theme(--color-red-901) }',

packages/tailwindcss-language-server/tests/diagnostics/invalid-class/valid-classes.json

@@ -0,0 +1,4 @@
+{
+  "code": "<div class=\"\n              px-4\n            \"></div>",
+  "expected": []
+}

packages/tailwindcss-language-service/src/codeActions/provideInvalidClassCodeActions.ts

@@ -10,7 +10,7 @@ export function provideInvalidClassCodeActions(
 ): CodeAction[] {
   return [
     {
-      title: `Remove invalid class '${diagnostic.className.className}'`,
+      title: `Remove unknown utility class '${diagnostic.className.className}'`,
       kind: 'quickfix',
       diagnostics: [diagnostic],
       edit: {