JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://igorescobar.github.io/jQuery-Mask-Plugin/js/jquery.mask.min.js"></script>
<b>Máscara para campo já mascarado</b>
<input type="text" class="phone" value="(11) 12345-6789" />
<hr />
<b>Máscara para campo SOMENTE números</b>
<input type="text" class="phone" value="11123456789" />
<hr />
<b>Máscara para tag HTML</b>
<span class="phone">11123456789</span>

JavaScript

var maskBehavior = function (val) {
  return val.replace(/\D/g, '').length === 11 ? '(00) 00000-0000' : '(00) 0000-00009';
},
options = {onKeyPress: function(val, e, field, options) {
        field.mask(maskBehavior.apply({}, arguments), options);
    }
};

$('.phone').mask(maskBehavior, options);