Handle quote escapes in LESS when sorting @apply

It’s perfect since the AST doesn’t actually have information on these (it’s just strings) but this should be good enough.

Author: thecrypticace

src/index.ts

@@ -810,14 +810,33 @@ function transformCss(ast: any, { env }: TransformerContext) {
         node.params,
       )
 
-      node.params = sortClasses(node.params, {
+      let classList = node.params
+
+      let prefix = ''
+      let suffix = ''
+
+      if (classList.startsWith('~"') && classList.endsWith('"')) {
+        prefix = '~"'
+        suffix = '"'
+        classList = classList.slice(2, -1)
+        isImportant = false
+      } else if (classList.startsWith("~'") && classList.endsWith("'")) {
+        prefix = "~'"
+        suffix = "'"
+        classList = classList.slice(2, -1)
+        isImportant = false
+      }
+
+      classList = sortClasses(classList, {
         env,
         ignoreLast: isImportant,
         collapseWhitespace: {
           start: false,
           end: !isImportant,
         },
       })
+
+      node.params = `${prefix}${classList}${suffix}`
     }
   })
 }

tests/tests.ts

@@ -266,7 +266,7 @@ export let tests: Record<string, TestEntry[]> = {
     t`@apply ${yes} #{'''!important'''};`,
     t`@apply ${yes} #{"'"'"!important"'"'"};`,
   ],
-  less: [...css, t`@apply ${yes} !important;`],
+  less: [...css, t`@apply ${yes} !important;`, t`@apply ~"${yes}";`, t`@apply ~'${yes}';`],
   babel: javascript,
   typescript: javascript,
   'babel-ts': javascript,