JSFiddle - React, Tailwind, and code Playground

CSS

body::before {
  counter-increment: b 5;
  content: counter(a, s) "-" counter(b, s);
}

@counter-style s {
  system: symbolic;
  symbols: x;
}