JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
  <li>Bananen</li>
  <li value="7">Äpfel</li>
  <li>Birnen</li>
</ol>

<ol>
  <li>Bananen</li>
  <li style="counter-set: list-item 7">Äpfel</li>
  <li>Birnen</li>
</ol>

CSS

li::after { content: ' (' counters(list-item,'.') ')';}