diff --git a/packages/webpack/src/index.ts b/packages/webpack/src/index.ts
index b2e1f17ee0..f026724505 100644
--- a/packages/webpack/src/index.ts
+++ b/packages/webpack/src/index.ts
@@ -130,6 +130,7 @@ export default function WebpackPlugin<Theme extends object>(
                 return
 
               let code = compilation.assets[file].source().toString()
+              let escapeCss: ReturnType<typeof getCssEscaperForJsContent>
               let replaced = false
               code = code.replace(HASH_PLACEHOLDER_RE, '')
               code = code.replace(LAYER_PLACEHOLDER_RE, (_, layer, escapeView) => {
@@ -139,7 +140,7 @@ export default function WebpackPlugin<Theme extends object>(
                     .map(i => resolveLayer(i)).filter((i): i is string => !!i))
                   : (result.getLayer(layer) || '')
 
-                const escapeCss = getCssEscaperForJsContent(escapeView)
+                escapeCss = escapeCss ?? getCssEscaperForJsContent(escapeView)
 
                 return escapeCss(css)
               })