diff --git a/packages/tailwindcss-language-server/src/providers/completionProvider.ts b/packages/tailwindcss-language-server/src/providers/completionProvider.ts
index 3c77de0404ea2a9d22ccb8a3f9b237779ba6ce59..518d1e70f9309fb6f445a7c7d81998703579b6b9 100644
--- a/packages/tailwindcss-language-server/src/providers/completionProvider.ts
+++ b/packages/tailwindcss-language-server/src/providers/completionProvider.ts
@@ -27,6 +28,8 @@ ): CompletionList {
   let classNames = classList.split(/[\s+]/)
   const partialClassName = classNames[classNames.length - 1]
   CompletionItem,
+    if (typeof subset !== 'undefined' && typeof subset.__rule === 'undefined') {
+  let sep = ':'
   let parts = partialClassName.split(sep)
   let subset: any
   let subsetKey: string[] = []
@@ -71,8 +74,8 @@         let command: any
         if (isContextItem(state, [...subsetKey, className])) {
           kind = CompletionItemKind.Module
           command = { title: '', command: 'editor.action.triggerSuggest' }
+  let isSubset: boolean = false
   MarkupKind,
-import { State } from '../util/state'
         } else {
           const color = getColor(state, [className])
           if (color) {