Why doesn't layout.annotations.text apply html text or css styling?

The layout.annotations.text property does not apply the tags or the classes I specify:

This only adds data-unformatted="<span style={{fontSize: 38px}}>Name</span><br><span className={style.pie__percentage}>19%</span>" on the annotation <text></text>

Another issue I have is that the y anchor bottom seems to not work as intended: I expected the annotation to sit at the bottom of the chart hence yanchor: "bottom", .
Why do I have to also provide the y property: y: 1, ?
Isn’t there a more dynamically way of placing annotations in relation to their plots ?