Ensure resorted plugins take into account all plugins they need to sort relative to (tailwindlabs#4852)

Author: adamwathan

src/corePlugins.js

@@ -1,14 +1,23 @@
 import * as plugins from './plugins/index.js'
 import configurePlugins from './util/configurePlugins'
 
-function move(items, item, before) {
-  if (items.indexOf(item) === -1) {
+function move(items, item, befores) {
+  let lowestBefore = -1
+
+  for (let before of befores) {
+    let index = items.indexOf(before)
+    if (index >= 0 && (index < lowestBefore || lowestBefore === -1)) {
+      lowestBefore = index
+    }
+  }
+
+  if (items.indexOf(item) === -1 || lowestBefore === -1) {
     return items
   }
 
   items = [...items]
   let fromIndex = items.indexOf(item)
-  let toIndex = items.indexOf(before)
+  let toIndex = lowestBefore
   items.splice(fromIndex, 1)
   items.splice(toIndex, 0, item)
   return items
@@ -18,9 +27,29 @@ export default function ({ corePlugins: corePluginConfig }) {
   let pluginOrder = Object.keys(plugins)
 
   pluginOrder = configurePlugins(corePluginConfig, pluginOrder)
-  pluginOrder = move(pluginOrder, 'transform', 'transformOrigin')
-  pluginOrder = move(pluginOrder, 'filter', 'blur')
-  pluginOrder = move(pluginOrder, 'backdropFilter', 'backdropBlur')
+  pluginOrder = move(pluginOrder, 'transform', ['translate', 'rotate', 'skew', 'scale'])
+  pluginOrder = move(pluginOrder, 'filter', [
+    'blur',
+    'brightness',
+    'contrast',
+    'dropShadow',
+    'grayscale',
+    'hueRotate',
+    'invert',
+    'saturate',
+    'sepia',
+  ])
+  pluginOrder = move(pluginOrder, 'backdropFilter', [
+    'backdropBlur',
+    'backdropBrightness',
+    'backdropContrast',
+    'backdropGrayscale',
+    'backdropHueRotate',
+    'backdropInvert',
+    'backdropOpacity',
+    'backdropSaturate',
+    'backdropSepia',
+  ])
 
   return pluginOrder.map((pluginName) => {
     return plugins[pluginName]()