fix(frontend): compiled nested css gets corrupted by lightningcss

Author: paulrobertlloyd

packages/frontend/components/back-link/styles.css

@@ -5,10 +5,6 @@
   --back-link-chevron-size: 0.5em;
   --back-link-chevron-thickness: var(--text-thickness);
 
-  :root[dir="rtl"] & {
-    --back-link-chevron-rotation: 45deg;
-  }
-
   display: inline-block;
   font: var(--font-caption);
   margin-inline: calc(var(--back-link-padding) * -1);
@@ -44,3 +40,7 @@
     position: absolute;
   }
 }
+
+:root[dir="rtl"] .back-link {
+  --back-link-chevron-rotation: 45deg;
+}