fix: use --landing-raw-bg instead of bg-bg/bg-black (#3891)

apps/frontend/src/components/ui/news/LatestNewsRow.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="mx-2 p-4 !py-8 shadow-md sm:mx-8 sm:p-32">
+  <div class="mx-2 p-4 !py-8 sm:mx-8 sm:p-32">
     <div class="my-8 flex items-center justify-between">
       <h2 class="m-0 mx-auto text-3xl font-extrabold sm:text-4xl">Latest news from Modrinth</h2>
     </div>

apps/frontend/src/pages/app.vue

@@ -874,7 +874,7 @@ useSeoMeta({
         <nuxt-link to="/legal/privacy">Privacy Policy.</nuxt-link>
       </p>
     </div>
-    <div class="bg-black">
+    <div class="bg-[var(--landing-raw-bg)]">
       <LatestNewsRow />
     </div>
   </div>

apps/frontend/src/pages/index.vue

@@ -419,7 +419,7 @@
         </div>
       </div>
     </div>
-    <div class="bg-black">
+    <div class="bg-[var(--landing-raw-bg)]">
       <LatestNewsRow />
     </div>
   </div>