From 00b40904154b2b8694d1c273ac988eee047797b0 Mon Sep 17 00:00:00 2001
From: felipefialho <hi@felipefialho.com>
Date: Wed, 8 Jan 2025 15:57:28 -0300
Subject: [PATCH] feat: increase priority of css variables

---
 packages/core/src/global/global.scss | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/packages/core/src/global/global.scss b/packages/core/src/global/global.scss
index fa6b01962..3a99e4f63 100644
--- a/packages/core/src/global/global.scss
+++ b/packages/core/src/global/global.scss
@@ -1,3 +1,5 @@
+/* We need to use `body` instead of `:root` because some components of Ionic are injected by demand, so we need to use it to override the variables of the components that are loaded later */
+
 :root {
   --ion-background-color: white;
   --ion-font-family: var(--font-family);
@@ -108,7 +110,3 @@ Issue: https://github.com/ionic-team/ionic-framework/issues/27500
     }
   }
 }
-
-html.backdrop-no-scroll {
-  overflow: hidden;
-}