Fix config resolution in Tailwind v0

Author: bradlc

package-lock.json

@@ -240,6 +240,7 @@
     "@babel/register": "^7.9.0",
     "@ctrl/tinycolor": "^3.1.0",
     "@types/debounce": "^1.2.0",
+    "@types/lodash.clonedeep": "^4.5.6",
     "@types/mocha": "^5.2.0",
     "@types/moo": "^0.5.3",
     "@types/node": "^13.9.3",
@@ -261,6 +262,7 @@
     "import-from": "^3.0.0",
     "jest": "^25.5.4",
     "line-column": "^1.0.2",
+    "lodash.clonedeep": "^4.5.0",
     "mitt": "^1.2.0",
     "moo": "^0.5.1",
     "normalize-path": "^3.0.0",

package.json

@@ -16,6 +16,7 @@ import { getUtilityConfigMap } from './getUtilityConfigMap'
 import glob from 'fast-glob'
 import normalizePath from 'normalize-path'
 import clearModule from 'clear-module'
+import clone from 'lodash.clonedeep'
 
 function arraysEqual(arr1, arr2) {
   return (
@@ -24,6 +25,13 @@ function arraysEqual(arr1, arr2) {
   )
 }
 
+function deletePropertyPath(obj, path) {
+  for (let i = 0; i < path.length - 1; i++) {
+    obj = obj[path[i]]
+  }
+  delete obj[path.pop()]
+}
+
 const CONFIG_GLOB =
   '**/{tailwind,tailwind.config,tailwind-config,.tailwindrc}.js'
 
@@ -87,7 +95,7 @@ export default async function getClassNames(
     hook.watch()
     let config
     try {
-      config = __non_webpack_require__(configPath)
+      config = clone(__non_webpack_require__(configPath))
     } catch (error) {
       hook.unwatch()
       hook.unhook()
@@ -121,7 +129,7 @@ export default async function getClassNames(
     if (typeof userSeperator !== 'undefined') {
       dset(config, sepLocation, userSeperator)
     } else {
-      delete config[sepLocation]
+      deletePropertyPath(config, sepLocation)
     }
     if (typeof userPurge !== 'undefined') {
       config.purge = userPurge

src/class-names/index.js

@@ -30,7 +30,16 @@ export default function resolveConfig({ cwd, config }) {
         './stubs/defaultConfig.stub.js'
       )
       resolve = (config) => resolveConfig([config, defaultConfig])
-    } catch (_) {}
+    } catch (_) {
+      try {
+        const resolveConfig = importFrom(
+          tailwindBase,
+          './lib/util/mergeConfigWithDefaults.js'
+        ).default
+        const defaultConfig = importFrom(tailwindBase, './defaultConfig.js')()
+        resolve = (config) => resolveConfig(config, defaultConfig)
+      } catch (_) {}
+    }
   }
 
   return resolve(config)