I’m trying to add italic style to half of the text inside element in svg without modyfing position, but I can’t do it. For example I have text:

<path d="M989.73179,-174.51642l-22.79479,4.01934" fill="none" fill-rule="nonzero" stroke="#aaaaaa" stroke-width="0.3" stroke-linecap="round" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="5,10" stroke-dashoffset="10" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"/>
<text x="-1005" y="3.6" transform="rotate(170)" fill="#000000" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="Arial" font-weight="" font-size="12" text-anchor="end" style="mix-blend-mode: normal">ABC 123</text>

and I can to italize whole text by adding font-style="italic" to <text>, but I can’t italize only abc by adding for example <i> arround only abc or by adding new <text> with font-style="italic"