What would be the order of component CSS properties definition?

[Valdes-Tresanco-MS]

Recently, I reported the headers responsive problem (#2719).
I notice that the CSS properties are defined as follows priority:

1. CSS property as component argument ( for example: font_size="60px")
2. default (for example: size="9")
3. class_name (for example: class_name="text-4xl")

For example:

rx.heading("Test",
           as_="h2",
           size="9",
           font_size="60px",
           class_name="text-4xl font-bold text-gray-700"
           ),

In this case, font_size has priority over size, which defines the default or base font size. But, text-4xl doesn't modify the header font size unless it is defined as important (!text-4xl). Even if size is not defined explicitly, it takes a default value taking precedence over the class_name definition. The same happens with weight and align.
I expected the order as follows:

1. component argument
2. class_name
3. default

IMHO, this modification can improve the tailwind portability and complementarity with the Radix theme.

Data to reproduce:

• Python 3.11.7
• Reflex 0.4.2