fix: replace :root with :global()

Author: colbywhite

src/components/changelog/ChangelogEntryList.astro

@@ -49,20 +49,19 @@ const { entries } = Astro.props;
 	})
 }
 
+<!--TODO: Solve DRY with what's in src/pages/changelog/post/[...slug].astro-->
 <style>
-	:root {
-		.sl-container {
-			--sl-content-width: 50rem !important;
-			margin-inline: auto !important;
-		}
+	:global(.sl-container) {
+		--sl-content-width: 50rem !important;
+		margin-inline: auto !important;
+	}
 
-		.feedback-prompt-content {
-			display: none !important;
-		}
+	:global(.feedback-prompt-content) {
+		display: none !important;
+	}
 
-		#footer-links {
-			justify-content: center;
-		}
+	:global(#footer-links) {
+		justify-content: center;
 	}
 
 	.sl-steps {

src/pages/changelog/post/[...slug].astro

@@ -62,15 +62,14 @@ const props = {
 	</div>
 </StarlightPage>
 
+<!--TODO: Solve DRY with what's in src/components/changelog/ChangelogEntryList.astro-->
 <style>
-	:root {
-		.sl-container {
-			--sl-content-width: 50rem !important;
-			margin-inline: auto !important;
-		}
+	:global(.sl-container) {
+		--sl-content-width: 50rem !important;
+		margin-inline: auto !important;
+	}
 
-		#footer-links {
-			justify-content: center;
-		}
+	:global(#footer-links) {
+		justify-content: center;
 	}
 </style>