Simplify

Author: thecrypticace

packages/tailwindcss-language-service/src/util/rewriting/index.test.ts

@@ -164,42 +164,6 @@ test('recursive theme replacements (inlined)', () => {
   expect(inlineThemeValues('var(--mutual-b)', state)).toBe('calc(calc(var(--mutual-b) * 1) + 1)')
 })
 
-test('pixel equivalents work with theme variables containing dots', () => {
-  let map = new Map([
-    ['--font-size-sm', '0.875rem'],
-    ['--font-size.md', '1rem'],
-    ['--font-size.lg', '1.125rem'],
-    ['--spacing-4', '1rem'],
-    ['--spacing.8', '2rem'],
-  ])
-
-  let state = {
-    designSystem: {
-      theme: { prefix: null } as any,
-      resolveThemeValue: (name) => map.get(name) ?? null,
-    } as DesignSystem,
-  } as State
-
-  let settings = { rootFontSize: 16 } as TailwindCssSettings
-
-  // Test that dotted variables are resolved correctly
-  expect(addThemeValues('var(--font-size-sm)', state, settings)).toBe(
-    'var(--font-size-sm) /* 0.875rem = 14px */',
-  )
-  expect(addThemeValues('var(--font-size\\.md)', state, settings)).toBe(
-    'var(--font-size\\.md) /* 1rem = 16px */',
-  )
-  expect(addThemeValues('var(--font-size\\.lg)', state, settings)).toBe(
-    'var(--font-size\\.lg) /* 1.125rem = 18px */',
-  )
-  expect(addThemeValues('var(--spacing-4)', state, settings)).toBe(
-    'var(--spacing-4) /* 1rem = 16px */',
-  )
-  expect(addThemeValues('var(--spacing.8)', state, settings)).toBe(
-    'var(--spacing.8) /* 2rem = 32px */',
-  )
-})
-
 test('Evaluating CSS calc expressions', () => {
   expect(replaceCssCalc('calc(1px + 1px)', (node) => evaluateExpression(node.value))).toBe('2px')
   expect(replaceCssCalc('calc(1px * 4)', (node) => evaluateExpression(node.value))).toBe('4px')
@@ -227,6 +191,7 @@ test('Inlining calc expressions using the design system', () => {
   let map = new Map<string, string>([
     ['--spacing', '0.25rem'],
     ['--color-red-500', 'oklch(0.637 0.237 25.331)'],
+    ['--font-size.md', '1rem'],
   ])
 
   let state: State = {
@@ -276,4 +241,9 @@ test('Inlining calc expressions using the design system', () => {
   expect(addThemeValues('var(--color-red-500)', state, settings)).toBe(
     'var(--color-red-500) /* oklch(0.637 0.237 25.331) = #fb2c36 */',
   )
+
+  // Variables containing dots
+  expect(addThemeValues('var(--font-size\\.md)', state, settings)).toBe(
+    'var(--font-size\\.md) /* 1rem = 10px */',
+  )
 })