diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7990812b..4b85b427 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -10,6 +10,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Fixed
 
 - Type `tailwindFunctions` and `tailwindAttributes` as optional ([#206](https://github.com/tailwindlabs/prettier-plugin-tailwindcss/pull/206))
+- Don’t break `@apply … #{'!important'}` sorting ([#212](https://github.com/tailwindlabs/prettier-plugin-tailwindcss/pull/212))
 
 ## [0.5.3] - 2023-08-15
 
diff --git a/src/index.js b/src/index.js
index c353aa25..49abe9d4 100644
--- a/src/index.js
+++ b/src/index.js
@@ -533,7 +533,9 @@ function transformCss(ast, { env }) {
     if (node.type === 'css-atrule' && node.name === 'apply') {
       node.params = sortClasses(node.params, {
         env,
-        ignoreLast: /\s+(?:!important|#{!important})\s*$/.test(node.params),
+        ignoreLast: /\s+(?:!important|#{(['"]*)!important\1})\s*$/.test(
+          node.params,
+        ),
       })
     }
   })
diff --git a/tests/format.test.js b/tests/format.test.js
index 90c4090b..138d54ba 100644
--- a/tests/format.test.js
+++ b/tests/format.test.js
@@ -145,7 +145,18 @@ let tests = {
     // t`<div [ngClass]="{ '${no}': foo && definitely&a:syntax*error }" class="${yes}"></div>`,
   ],
   css: [...css, t`@apply ${yes} !important;`],
-  scss: [...css, t`@apply ${yes} #{!important};`],
+  scss: [
+    ...css,
+    t`@apply ${yes} #{!important};`,
+    t`@apply ${yes} #{'!important'};`,
+    t`@apply ${yes} #{"!important"};`,
+
+    // These shouldn't ever be used but they are valid
+    // syntax so we might as well not break them
+    t`@apply ${yes} #{""!important""};`,
+    t`@apply ${yes} #{'''!important'''};`,
+    t`@apply ${yes} #{"'"'"!important"'"'"};`,
+  ],
   less: [...css, t`@apply ${yes} !important;`],
   babel: javascript,
   typescript: javascript,