ensure corePlugins order is consistent

src/util/resolveConfig.js

@@ -238,12 +238,15 @@ function resolveVariants([firstConfig, ...variantConfigs], variantOrder) {
 }
 
 function resolveCorePlugins(corePluginConfigs) {
-  const result = [...corePluginConfigs].reduceRight((resolved, corePluginConfig) => {
-    if (isFunction(corePluginConfig)) {
-      return corePluginConfig({ corePlugins: resolved })
-    }
-    return configurePlugins(corePluginConfig, resolved)
-  }, corePluginList)
+  const result = [...corePluginConfigs]
+    .reduceRight((resolved, corePluginConfig) => {
+      if (isFunction(corePluginConfig)) {
+        return corePluginConfig({ corePlugins: resolved })
+      }
+      return configurePlugins(corePluginConfig, resolved)
+    }, corePluginList)
+    .slice()
+    .sort((a, z) => Math.sign(corePluginList.indexOf(a) - corePluginList.indexOf(z)))
 
   return result
 }

tests/corePlugins.test.js

@@ -0,0 +1,32 @@
+import postcss from 'postcss'
+import tailwind from '../src/index'
+
+function run(input, config = {}) {
+  return postcss([tailwind(config)]).process(input, { from: undefined })
+}
+
+it('should not change the order of the plugins based on corePlugins in config', async () => {
+  let config1 = {
+    purge: {
+      enabled: true,
+      content: [{ raw: `<div class="transform translate-x-full"></div>` }],
+    },
+    corePlugins: ['translate', 'transform'],
+  }
+  let config2 = {
+    purge: {
+      enabled: true,
+      content: [{ raw: `<div class="transform translate-x-full"></div>` }],
+    },
+    corePlugins: ['transform', 'translate'],
+  }
+
+  let input = `
+    @tailwind base;
+    @tailwind components;
+    @tailwind utilities;
+  `
+
+  let [first, second] = await Promise.all([run(input, config1), run(input, config2)])
+  expect(first.css).toMatchFormattedCss(second.css)
+})