Passthrough the rootFontSize to the canonicalizeCandidates (#1476)

This PR passes the `rootFontSize` to the `canonicalizeCandidates`
function. This allows us to add suggestions for `mt-[15px]` → `mt-4`.


## Test plan

<img width="867" height="204" alt="image"
src="https://github.com/user-attachments/assets/985f3d8b-2f73-4db1-a60d-1f8f46b22a9b"
/>

---------

Co-authored-by: Jordan Pittman <[email protected]>

Author: RobinMalfait

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

@@ -433,7 +433,7 @@ defineTest({
     'package.json': json`
       {
         "dependencies": {
-          "tailwindcss": "0.0.0-insiders.efe084b"
+          "tailwindcss": "0.0.0-insiders.249bed0"
         }
       }
     `,
@@ -447,14 +447,15 @@ defineTest({
       settings: {
         tailwindCSS: {
           lint: { suggestCanonicalClasses: 'warning' },
+          rootFontSize: 16,
         },
       },
     }),
   }),
   handle: async ({ client }) => {
     let doc = await client.open({
       lang: 'html',
-      text: '<div class="[@media_print]:flex [color:red]/50">',
+      text: '<div class="[@media_print]:flex [color:red]/50 mt-[16px]">',
     })
 
     let diagnostics = await doc.diagnostics()
@@ -480,6 +481,16 @@ defineTest({
         severity: 2,
         suggestions: ['text-[red]/50'],
       },
+      {
+        code: 'suggestCanonicalClasses',
+        message: 'The class `mt-[16px]` can be written as `mt-4`',
+        range: {
+          start: { line: 0, character: 47 },
+          end: { line: 0, character: 56 },
+        },
+        severity: 2,
+        suggestions: ['mt-4'],
+      },
     ])
   },
 })

packages/tailwindcss-language-service/src/diagnostics/canonical-classes.ts

@@ -37,7 +37,9 @@ export async function getSuggestCanonicalClassesDiagnostics(
     // diagnostics in a given class list.
 
     for (let className of classNames) {
-      let canonicalized = state.designSystem.canonicalizeCandidates([className.className])[0]
+      let canonicalized = state.designSystem.canonicalizeCandidates([className.className], {
+        rem: settings.tailwindCSS.rootFontSize,
+      })[0]
       let isCanonical = canonicalized === className.className
 
       if (isCanonical) continue

packages/tailwindcss-language-service/src/util/v4/design-system.ts

@@ -29,6 +29,10 @@ export interface ThemeEntry {
   name: string
 }
 
+export interface CanonicalizeOptions {
+  rem?: number
+}
+
 export interface DesignSystem {
   theme: Theme
   variants: Map<string, VariantFn>
@@ -45,7 +49,7 @@ export interface DesignSystem {
   invalidCandidates?: Set<string>
 
   // Added in v4.1.15
-  canonicalizeCandidates?(classes: string[]): string[]
+  canonicalizeCandidates?(classes: string[], options?: CanonicalizeOptions): string[]
 }
 
 export interface DesignSystem {