JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
  <li>item</li>
  <li>
    <ol>
      <li>item</li>
      <li>item</li>
    </ol>
  </li>
  <li>item</li>
</ol>

CSS

ol {
  counter-reset: counter;
  list-style-type: none;
} 
li::before{
  counter-increment: counter;
  content: counters(counter, ".") " " ;
}