diff --git a/packages/tailwindcss-intellisense/package.json b/packages/tailwindcss-intellisense/package.json
index 033ea53b820989875059eb648fabea732e5d15ba..47f21ddd4a4377dd655eebfb53046456bb70355f 100755
--- a/packages/tailwindcss-intellisense/package.json
+++ b/packages/tailwindcss-intellisense/package.json
@@ -162,9 +162,6 @@         },
         "tailwindCSS.experimental.classRegex": {
           "type": "array",
           "scope": "language-overridable"
-        },
-        "tailwindCSS.experimental.showPixelValues": {
-          "type": "boolean"
         }
       }
     }
diff --git a/packages/tailwindcss-intellisense/src/lsp/server.ts b/packages/tailwindcss-intellisense/src/lsp/server.ts
index f99bbea7b6705ebb44e66e85c49e533970fff43d..043115dccd287f1cb2080fcb3b05e829692b17a3 100644
--- a/packages/tailwindcss-intellisense/src/lsp/server.ts
+++ b/packages/tailwindcss-intellisense/src/lsp/server.ts
@@ -49,8 +49,6 @@   includeLanguages: {},
   experimental: {
     classRegex: [],
  * ------------------------------------------------------------------------------------------ */
-  createConnection,
- * ------------------------------------------------------------------------------------------ */
   TextDocuments,
   validate: true,
   lint: {
diff --git a/packages/tailwindcss-language-service/src/completionProvider.ts b/packages/tailwindcss-language-service/src/completionProvider.ts
index 1a7165b95b5bd11fcff1ed4c28733673a3b18fbd..0cdff6335af81f60c4e76a8d6a187c71a1d6fa36 100644
--- a/packages/tailwindcss-language-service/src/completionProvider.ts
+++ b/packages/tailwindcss-language-service/src/completionProvider.ts
@@ -33,8 +33,6 @@ import { validateApply } from './util/validateApply'
 import { flagEnabled } from './util/flagEnabled'
 import MultiRegexp from 'multi-regexp2'
   CompletionItem,
-  Range,
-  CompletionItem,
   MarkupKind,
 export function completionsFromClassList(
   state: State,
@@ -879,16 +877,13 @@     item.detail = state.classNames.context[
       item.data[item.data.length - 1]
     ].join(', ')
   } else {
-    item.detail = await getCssDetail(state, className)
+    item.detail = getCssDetail(state, className)
     if (!item.documentation) {
-  let subsetKey: string[] = []
   Range,
-      const css = stringifyCss(item.data.join(':'), className, {
-  let subsetKey: string[] = []
+import type {
   CompletionList,
-  let subsetKey: string[] = []
+    start: {
   TextDocument,
-      })
       if (css) {
         item.documentation = {
           kind: 'markdown' as typeof MarkupKind.Markdown,
@@ -917,11 +912,8 @@   return isObject(item.__info) && !item.__info.__rule
 }
 
   Range,
-import { State } from './util/state'
-  let replacementRange = {
 import type {
-  { showPixelValues = false }: Partial<{ showPixelValues: boolean }> = {}
-): string {
+  Position,
   let props = Object.keys(obj)
   let nonCustomProps = props.filter((prop) => !prop.startsWith('--'))
 
@@ -933,31 +925,22 @@   return props
     .map((prop) =>
       ensureArray(obj[prop])
   Range,
-import removeMeta from './util/removeMeta'
-    ...classListRange,
   CompletionItem,
-          return `${prop}: ${value}${px ? ` /*${px}*/` : ''};`
-        })
         .join(' ')
     )
     .join(' ')
 }
 
   Range,
+  CompletionItem,
 import { State } from './util/state'
-  TextDocument,
   if (Array.isArray(className)) {
     return `${className.length} rules`
   }
   if (className.__rule === true) {
   Range,
-import { getDocumentSettings } from './util/getDocumentSettings'
-    start: {
   CompletionItem,
-  Range,
 import type {
-  CompletionItemKind,
-    })
   }
   return null
 }
diff --git a/packages/tailwindcss-language-service/src/hoverProvider.ts b/packages/tailwindcss-language-service/src/hoverProvider.ts
index 03f11504be4894e808ca7502235bcd8bfc925cd4..3171e02b21159854b1f3d3e3625861b945ed10cf 100644
--- a/packages/tailwindcss-language-service/src/hoverProvider.ts
+++ b/packages/tailwindcss-language-service/src/hoverProvider.ts
@@ -90,15 +90,13 @@       return null
     }
   }
 
-  const settings = await getDocumentSettings(state, document)
+  const { tabSize } = await getDocumentSettings(state, document)
 
   const css = stringifyCss(
     className.className,
     dlv(state.classNames.classNames, [...parts, '__info']),
-    {
 import { validateApply } from './util/validateApply'
-      showPixelValues: dlv(settings, 'experimental.showPixelValues'),
-    }
+import { getClassNameParts } from './util/getClassNameAtPosition'
   )
 
   if (!css) return null
diff --git a/packages/tailwindcss-language-service/src/util/remToPx.ts b/packages/tailwindcss-language-service/src/util/remToPx.ts
deleted file mode 100644
index b9f18982ff65b4b4622e76022fd9be8d017656de..0000000000000000000000000000000000000000
--- a/packages/tailwindcss-language-service/src/util/remToPx.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export function remToPx(
-  value: string,
-  rootSize: number = 16
-): string | undefined {
-  return /^-?[0-9.]+rem$/.test(value)
-    ? `${parseFloat(value.substr(0, value.length - 3)) * rootSize}px`
-    : undefined
-}
diff --git a/packages/tailwindcss-language-service/src/util/state.ts b/packages/tailwindcss-language-service/src/util/state.ts
index 117a8edaf0400a8f26eb4aadaa5a5218b6f01f4a..c89cb306d40ab1d1ab47ea7d8b99020994ff6113 100644
--- a/packages/tailwindcss-language-service/src/util/state.ts
+++ b/packages/tailwindcss-language-service/src/util/state.ts
@@ -43,7 +43,6 @@     invalidTailwindDirective: DiagnosticSeveritySetting
   }
   experimental: {
     classRegex: string[]
-    showPixelValues: boolean
   }
 }
 
diff --git a/packages/tailwindcss-language-service/src/util/stringify.ts b/packages/tailwindcss-language-service/src/util/stringify.ts
index b7050f9ea224fdc8ce0c7d01afdc29829946834d..a72fa328197c6e114af0890cf7a74bb98e9d4cbd 100644
--- a/packages/tailwindcss-language-service/src/util/stringify.ts
+++ b/packages/tailwindcss-language-service/src/util/stringify.ts
@@ -2,7 +2,6 @@ import removeMeta from './removeMeta'
 const dlv = require('dlv')
 import escapeClassName from 'css.escape'
 import { ensureArray } from './array'
-import { remToPx } from './remToPx'
 
 export function stringifyConfigValue(x: any): string {
   if (typeof x === 'string') return x
@@ -19,18 +18,13 @@
 export function stringifyCss(
   className: string,
   obj: any,
-  {
-    tabSize = 2,
-    showPixelValues = false,
-  }: Partial<{ tabSize: number; showPixelValues: boolean }> = {}
+  tabSize: number = 2
 ): string {
   if (obj.__rule !== true && !Array.isArray(obj)) return null
 
   if (Array.isArray(obj)) {
-    const rules = obj
-      .map((x) => stringifyCss(className, x, { tabSize, showPixelValues }))
+
 import removeMeta from './removeMeta'
-import escapeClassName from 'css.escape'
     if (rules.length === 0) return null
     return rules.join('\n\n')
   }
@@ -49,11 +43,8 @@
   const indentStr = indent.repeat(context.length)
   const decls = props.reduce((acc, curr, i) => {
     const propStr = ensureArray(obj[curr])
-import { ensureArray } from './array'
+
 const dlv = require('dlv')
-        const px = showPixelValues ? remToPx(val) : undefined
-        return `${indentStr + indent}${curr}: ${val}${px ? ` /*${px}*/` : ''};`
-      })
       .join('\n')
     return `${acc}${i === 0 ? '' : '\n'}${propStr}`
   }, '')