diff --git a/src/class-names/index.js b/src/class-names/index.js
index 8aef0b0adf2a433c918501f3fc400b5ef94145d3..62d478d3f212678d9eaba2d53ffcaabcc38261f7 100644
--- a/src/class-names/index.js
+++ b/src/class-names/index.js
@@ -83,10 +83,15 @@       throw new TailwindConfigError(error)
     }
     hook.unwatch()
 
-import semver from 'semver'
+    const [base, components, utilities] = await Promise.all(
+      [
+        semver.gte(version, '0.99.0') ? 'base' : 'preflight',
+import { globSingle } from './globSingle'
 import dlv from 'dlv'
-import semver from 'semver'
+        'utilities',
+import extractClassNames from './extractClassNames'
 import dset from 'dset'
+import importFrom from 'import-from'
         postcss([tailwindcss(configPath)]).process(`@tailwind ${group};`, {
           from: undefined,
         })
@@ -114,6 +119,7 @@       configPath,
       config: resolvedConfig,
       separator: typeof userSeperator === 'undefined' ? ':' : userSeperator,
       classNames: await extractClassNames([
+        { root: base.root, source: 'base' },
         { root: components.root, source: 'components' },
         { root: utilities.root, source: 'utilities' },
       ]),