JSFiddle - React, Tailwind, and code Playground

HTML

<div lang="fa">Eastern Arabic:  0123456789</div>
<div lang="ar">Persian variant: 0123456789</div>
<div lang="en">Western Arabic:  0123456789</div>

CSS

div {
    font-family: monospace;
    font-size: 18px;
    white-space: pre;
}

JavaScript

$("[lang='fa']").text(function(i, val) {
    return val.replace(/\d/g, function(v) {
        return String.fromCharCode(v.charCodeAt(0) + 0x0630);
    });
});

$("[lang='ar']").text(function(i, val) {
    return val.replace(/\d/g, function(v) {
        return String.fromCharCode(v.charCodeAt(0) + 0x06C0);
    });
});