JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
  <li>Пункт 1</li>
  <li>Пункт 2</li>
  <li>Пункт 3</li>
  <li>Пункт 4</li>
</ol>

<div>
  
  <ol>
    <li>Пункт 1</li>
    <li>Пункт 2
      <ol>
        <li>Пункт 2.1</li>
        <li>Пункт 2.2
          <ol>
            <li>Пункт 2.2.1</li>
            <li>Пункт 2.2.2</li>
          </ol>
        </li>
      </ol>
    </li>
    <li>Пункт 3
      <ol>
        <li>Пункт 3.1</li>
      </ol>
    </li>
  </ol>
  
</div>

CSS

ol{
        list-style: none;
      }
      
      ol li:first-child{
        counter-reset: num;
      }
      
      ol li:before{
        content: counters(num,'.') ' ';
        counter-increment: num;
      }