JSFiddle - React, Tailwind, and code Playground

HTML

<ol >
  <li>First</li>
  <li>Second</li>
</ol>
<p></p>
<ol start="5" >
  <li>First</li>
  <li>Second</li>
</ol>
<ol start="6" >
  <li>First</li>
  <li>Second</li>
</ol>

CSS

ol {
    counter-reset: li
}

li {
    list-style-type: none;
    counter-increment:li;
}

li:before {
    content:" " counter(li) ". ";
}

JavaScript

$("ol").each(function(idx, el) {
  var index = parseInt($(el).attr("start"))-1;
    if (!isNaN(index)) {
        $(el).css({'counter-reset':'li ' + index});    
    }
});