From 0d4b1c5edb24073e69a250a8ad5703aaf080fab7 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Sat, 4 Jun 2022 09:47:18 -0700
Subject: [PATCH] Generate local CSS variables on utilities when using state
 option

---
 scss/mixins/_utilities.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/scss/mixins/_utilities.scss b/scss/mixins/_utilities.scss
index b02013709a6e..0eadc50b58d2 100644
--- a/scss/mixins/_utilities.scss
+++ b/scss/mixins/_utilities.scss
@@ -78,6 +78,11 @@
         @each $pseudo in $state {
           .#{$property-class + $infix + $property-class-modifier}-#{$pseudo}:#{$pseudo} {
             @each $property in $properties {
+              @if $is-local-vars {
+                @each $local-var, $variable in $is-local-vars {
+                  --#{$prefix}#{$local-var}: #{$variable};
+                }
+              }
               #{$property}: $value if($enable-important-utilities, !important, null);
             }
           }