JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li>item</li>          <!-- 1     -->
    <li>item</li>               <!-- 2     -->
    <ul>
           
  
</ul>

CSS

ul {
  list-style-type: none;
}
li:before {
    /*se colocado algum valor apos a variavel section abaixo,
    o numero ira ser acrescentado de acordo com o numero colocado*/
  counter-increment: section 13; /*nao ocorre acrescimo de valores aqui*/
  content: counters(section, ".") " ";
}