From 653f00b0462b5b4e631d7483522b0025505918b3 Mon Sep 17 00:00:00 2001
From: Masen Furer <m_github@0x26.net>
Date: Thu, 23 May 2024 15:54:39 -0700
Subject: [PATCH] [REF-2878] Map fontFamily to fontFamily and
 --default-font-family (#3380)

When setting the font_family prop for a component, also set the radix token
`--default-font-family` so that child radix components will inherit the font.
---
 reflex/style.py | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/reflex/style.py b/reflex/style.py
index 21a601dd0a..814cf19fe9 100644
--- a/reflex/style.py
+++ b/reflex/style.py
@@ -47,6 +47,8 @@
     "marginY": ("marginTop", "marginBottom"),
     "bg": ("background",),
     "bgColor": ("backgroundColor",),
+    # Radix components derive their font from this CSS var, not inherited from body or class.
+    "fontFamily": ("fontFamily", "--default-font-family"),
 }