Radix Themes style notation fix

reflex/components/component.py

@@ -456,6 +456,14 @@ def add_style(self, style: ComponentStyle) -> Component:
             child.add_style(style)
         return self
 
+    def _get_style(self) -> dict:
+        """Get the style for the component.
+
+        Returns:
+            The dictionary of the component style as value and the style notation as key.
+        """
+        return {"sx": self.style}
+
     def render(self) -> Dict:
         """Render the component.
 
@@ -467,9 +475,9 @@ def render(self) -> Dict:
             tag.add_props(
                 **self.event_triggers,
                 key=self.key,
-                sx=self.style,
                 id=self.id,
                 class_name=self.class_name,
+                **self._get_style(),
                 **self.custom_attrs,
             ).set(
                 children=[child.render() for child in self.children],

reflex/components/radix/themes/base.py

@@ -65,6 +65,9 @@ def _get_app_wrap_components(self) -> dict[tuple[int, str], Component]:
             (45, "RadixThemesColorModeProvider"): RadixThemesColorModeProvider.create(),
         }
 
+    def _get_style(self) -> dict:
+        return {"style": self.style}
+
 
 class Theme(RadixThemesComponent):
     """A theme provider for radix components.