JSFiddle - React, Tailwind, and code Playground

HTML

<div class="score">
2
</div>

CSS

.score {
  aspect-ratio: 1;
  border-radius: 2px;
  background : #2b2;
  color: #fff;
  display: grid;
  font-family: sans-serif;
  font-size: 28px;
  font-weight: 900;
  place-items: center;
  width : 44px;
  
  -webkit-text-stroke: 2px color-mix(in lch, #2b2, #000 40%);
}