JSFiddle - React, Tailwind, and code Playground

HTML

<input id="phone" type="tel" />

JavaScript

function cssPropertyValueSupported(prop, value) {
  var d = document.createElement('input');
  d.style[prop] = value;
  return d.style[prop] === value;
}
console.log(cssPropertyValueSupported('text-security', 'disc'));
// => true
console.log(cssPropertyValueSupported('width', '1vh'));
// => maybe true, maybe false (true for me)
console.log(cssPropertyValueSupported('width', '1foobar'));
// => falseco -webkit-text-security:disc;