Span breaks complex text shaping in HTML

For example I want to set the background color of some glyph in a complex text layout https://en.wikipedia.org/wiki/Complex_text_layout to a different color, Then the only way is to use a span. Then it will breaks text shaping.

Is there a way to avoid this?

Or is there something needs new web API?