diff --git a/scss/util/_breakpoint.scss b/scss/util/_breakpoint.scss
index 9c3e379279..f05325a82e 100644
--- a/scss/util/_breakpoint.scss
+++ b/scss/util/_breakpoint.scss
@@ -6,6 +6,12 @@
 /// @group breakpoints
 ////
 
+////
+/// Patch to fix issue #12080
+
+$-zf-size: null;
+////
+
 /// A list of named breakpoints. You can use these with the `breakpoint()` mixin to quickly create media queries.
 /// @type Map
 $breakpoints: (
diff --git a/scss/util/_color.scss b/scss/util/_color.scss
index da2ad51e8b..8b15c813a6 100644
--- a/scss/util/_color.scss
+++ b/scss/util/_color.scss
@@ -6,6 +6,16 @@
 
 $contrast-warnings: true !default;
 
+////
+/// Patch to fix issue #12080
+
+$primary-color: null;
+$secondary-color: null;
+$warning-color: null;
+$alert-color: null;
+$success-color:null;
+////
+
 ////
 /// @group functions
 ////
diff --git a/scss/util/_mixins.scss b/scss/util/_mixins.scss
index af615ddec4..512f2827f2 100644
--- a/scss/util/_mixins.scss
+++ b/scss/util/_mixins.scss
@@ -6,6 +6,11 @@
 /// @group functions
 ////
 
+////
+/// Patch to fix issue #12080
+$-zf-pb-value: null;
+
+////
 /// Creates an inner box-shadow for only one side
 ///
 /// @param {Keyword} $side - Side the shadow is supposed to appear. Can be `top`, `left`, `right` or `bottom`.