三角関数を計算します。

.circle-text-box {
  position: relative;
  width: 100%;
  height: 140px;
  div {
    position: absolute;
    font-size: 14pt;
    top: 50%;
    left: 50%;
    --angle: calc(360deg / 12 * calc(var(--index) - 3));
    --x: calc(cos(var(--angle)) * 50px);
    --y: calc(sin(var(--angle)) * 50px);
    translate: calc(var(--x) - 50%) calc(var(--y) - 50%);
  }
}

<div class="circle-text-box">
  <div style="--index: 1">1</div>
  <div style="--index: 2">2</div>
  <div style="--index: 3">3</div>
  <div style="--index: 4">4</div>
  <div style="--index: 5">5</div>
  <div style="--index: 6">6</div>
  <div style="--index: 7">7</div>
  <div style="--index: 8">8</div>
  <div style="--index: 9">9</div>
  <div style="--index: 10">10</div>
  <div style="--index: 11">11</div>
  <div style="--index: 12">12</div>
</div>

• https://drafts.csswg.org/css-values/#trig-funcs
• https://developer.mozilla.org/en-US/docs/Web/CSS/sin
• https://caniuse.com/mdn-css_types_sin