JSFiddle - React, Tailwind, and code Playground

HTML

<div><ol>
  <li>Пункт 1</li>
  <li>Пункт 2</li>
  <li>Пункт 3</li>
  <li>Пункт 4</li>
</ol>
</div>
<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;
  counter-reset: num;
}
ol li:before{
  content: counters(num,'.') ' ';
  counter-increment: num;
}