JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
    <li>Пункт
        <ol>
            <li>Пункт</li>
            <li>Пункт</li>
            <li>Пункт</li>
        </ol>
    </li>
    <li>Пункт</li>
    <li>Пункт
        <ol>
            <li>Пункт</li>
            <li>Пункт</li>
            <li>Пункт</li>
        </ol>
    </li>
  </ol>

CSS

li{ 
    list-style-type: none !important;
    *list-style-type: decimal !important;
}
ol { 
    counter-reset: list1; 
}
ol li:before {
 counter-increment: list1;
 content: counter(list1) ". ";
}
ol ol { 
    counter-reset: list2; 
}
ol ol li:before {
 counter-increment: list2;
 content: counter(list1) "." counter(list2) ". ";
}