use Tailwind's context.sortClassList(classes)

Author: RobinMalfait

src/index.js

@@ -7,7 +7,6 @@ import prettierParserMeriyah from 'prettier/parser-meriyah'
 import prettierParserFlow from 'prettier/parser-flow'
 import prettierParserTypescript from 'prettier/parser-typescript'
 import { createContext as createContextFallback } from 'tailwindcss/lib/lib/setupContextUtils'
-import { generateRules as generateRulesFallback } from 'tailwindcss/lib/lib/generateRules'
 import resolveConfigFallback from 'tailwindcss/resolveConfig'
 import * as recast from 'recast'
 import * as astTypes from 'ast-types'
@@ -59,25 +58,7 @@ function sortClasses(
     suffix = `${whitespace.pop() ?? ''}${classes.pop() ?? ''}`
   }
 
-  let classNamesWithOrder = []
-  for (let className of classes) {
-    let order =
-      env
-        .generateRules(new Set([className]), env.context)
-        .sort(([a], [z]) => bigSign(z - a))[0]?.[0] ?? null
-    classNamesWithOrder.push([className, order])
-  }
-
-  classes = classNamesWithOrder
-    .sort(([, a], [, z]) => {
-      if (a === z) return 0
-      // if (a === null) return options.unknownClassPosition === 'start' ? -1 : 1
-      // if (z === null) return options.unknownClassPosition === 'start' ? 1 : -1
-      if (a === null) return -1
-      if (z === null) return 1
-      return bigSign(a - z)
-    })
-    .map(([className]) => className)
+  classes = env.context.sortClassList(classes)
 
   for (let i = 0; i < classes.length; i++) {
     result += `${classes[i]}${whitespace[i] ?? ''}`
@@ -95,7 +76,6 @@ function createParser(original, transform) {
       let tailwindConfig = {}
       let resolveConfig = resolveConfigFallback
       let createContext = createContextFallback
-      let generateRules = generateRulesFallback
 
       let prettierConfigPath = prettier.resolveConfigFile.sync(options.filepath)
       let baseDir = prettierConfigPath
@@ -123,10 +103,6 @@ function createParser(original, transform) {
           baseDir,
           'tailwindcss/lib/lib/setupContextUtils'
         ).createContext
-        generateRules = requireFrom(
-          baseDir,
-          'tailwindcss/lib/lib/generateRules'
-        ).generateRules
       } catch {}
 
       // suppress "empty content" warning
@@ -143,7 +119,7 @@ function createParser(original, transform) {
         contextMap.set(tailwindConfigPath, { context, hash })
       }
 
-      transform(ast, { env: { context, generateRules } })
+      transform(ast, { env: { context } })
       return ast
     },
   }