[REF-3165] Warning: Text content did not match. Server: "" Client: "system"

[masenf]

Describe the bug
When chakra-ui-color-mode does not match the system mode, nextjs throws a hydration error.

To Reproduce

import reflex as rx


def index() -> rx.Component:
    return rx.text(rx.style.resolved_color_mode)


app = rx.App()
app.add_page(index)

Expected behavior
resolved_color_mode should not cause a hydration error. We should set it to a definitely value for server side rendering, and then update it on the client at runtime.

Setting default resolved_color_mode to the resolvedTheme outside of an effect means that the server and the client will render different a different initial DOM.

Specifics (please complete the following information):

• Python Version: 3.11.8
• Reflex Version: main 958c4fa

_{From SyncLinear.com | REF-3165}