Create text stroke color in Tailwind CSS

tailwind-text-stroke-color.html

<div class="text-stroke-red-500">
  Your text
</div>
 

tailwind.config.js

const plugin = require("tailwindcss/plugin");

module.exports = {
  theme: {
    // Your tailwind config
    // ...
  },
  plugins: [
    plugin(function ({ matchUtilities, theme }) {
      matchUtilities(
        {
          // TODO: not work with color-value, example red-500           
          "text-stroke": (value) => ({
            "-webkit-text-stroke": `1px ${value}`,
          }),
        },
        {
          values: theme("colors"),
        }
      );
    })
  ],
};