I've been looking for a CSS in JS solution and your project looks very promising.
In dynamicExtend in utils.ts, I noticed that dynamic styles take precedence over static styles:
return extend(
...staticStyles,
...((dynamicStyles as StyleGenerator<P>[]).map((style) => style(props))),
);
Is there a reason styles are not applied in the order they were given?