JSFiddle - React, Tailwind, and code Playground

HTML

<table dir="rtl">
    <tbody>
        <tr>
            <td class="hebrew-numeral">א</td>
            <td>First Row</td>
        </tr>
        <tr>
            <td class="hebrew-numeral">ב</td>
            <td>Second Row</td>
        </tr>
        <tr>
            <td class="hebrew-numeral">ג</td>
            <td>Third Row</td>
        </tr>
    </tbody>
</table>
<hr/>
<div style="width: 150px;">
    <ol>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
        <li>7</li>
        <li>8</li>
        <li>9</li>
        <li>10</li>
        <li>11</li>
        <li>12</li>
        <li>13</li>
        <li>14</li>
        <li>15</li>
    </ol>
</div>

CSS

.hebrew-numeral {
    padding-left: 10px;   
}
ol {
    counter-reset: num;
    direction: ltr;
}
li {
    list-style-type: none;
    counter-increment: num;
    padding-bottom: 4px;
}
li:before {
    content: counter(num, hebrew);
    padding-right: 10px; 
}