diff --git a/packages/tailwindcss-language-server/src/providers/completionProvider.ts b/packages/tailwindcss-language-server/src/providers/completionProvider.ts
index dd44439318bece2ee932ce42073b3d0a4db4794c..e44d1399d2a8d7938ae404f71830eee48214f8d3 100644
--- a/packages/tailwindcss-language-server/src/providers/completionProvider.ts
+++ b/packages/tailwindcss-language-server/src/providers/completionProvider.ts
@@ -273,6 +273,7 @@         item.indexOf('.') !== -1 && separator && separator.endsWith('.')
       const insertClosingBrace: boolean =
         text.charAt(text.length - 1) !== ']' &&
         (replaceDot || (separator && separator.endsWith('[')))
+      const detail = stringifyConfigValue(obj[item])
 
       return {
         label: item,
@@ -283,8 +284,10 @@           ? CompletionItemKind.Color
           : isObject(obj[item])
           ? CompletionItemKind.Module
           : CompletionItemKind.Property,
-import * as emmetHelper from 'emmet-helper'
+  CompletionItem,
   CompletionList,
+  Range,
+        detail: detail === '0' ? '0 ' : detail,
         documentation: color,
         textEdit: {
           newText: `${replaceDot ? '[' : ''}${item}${