Aparência incorreta do CSS do raio da borda em uma div aninhada

Usando o seguinte HTML, preciso:

Verifique se a borda dotarget div (rosa) é adjacente aowrapper-target div borda vermelha

Deve funcionar com qualquer valor de raio da borda.

Considerando que:

estou usandobox-sizing: border-box; mas também pode ser redefinido para um valor padrão.Eu não posso mudar oborder-radius propriedade dotarget div.

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
<div id="wrapper-target" style="position:absolute;top:100px;left:100px;width:250px;height:250px;border-radius:50px;border:25px solid red;">
  <div id="target" style="position:relative;width:100%;height:100%;background-color:plum;border-radius:inherit">
  </div>
</div>

NOTAS:

Não preciso fazer um círculo neste exemplo específico :).

questionAnswers(6)

yourAnswerToTheQuestion