JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.13.4/jquery.mask.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.13.4/jquery.mask.js"></script>


Custo:
<input type='text' id='custo' class='custo valores' name='custo'>
<br>
<br> Valor:
<input type='text' id='valor1' class='valor valores' name='valor1' margem='margem1'> Margem:
<input type='text' id='margem1' class='margem valores' name='margem1' valor="valor1">

<br> Valor:
<input type='text' id='valor2' class='valor valores' name='valor2' margem='margem2'> Margem:
<input type='text' id='margem2' class='margem valores' name='margem2' valor="valor2">

JavaScript

$(document).ready(function() {
  $(".valor").on("input", function() {

    // Margem
    var valor = $(this).val();
    valor = valor.replace(".", "");
    valor = valor.replace(",", ".");

    // Custo
    var valorCusto = $("#custo").val();
    valorCusto = valorCusto.replace(".", "");
    valorCusto = valorCusto.replace(",", ".");


    var calculo = (parseFloat(valor) - parseFloat(valorCusto)) / parseFloat(valorCusto) * 100;
    var inputMargem = $(this).attr("margem");
    var resultadoMonetario = calculo.toFixed(2).replace(".", ",");
    $("#" + inputMargem).val(resultadoMonetario);
  });

  $(".margem").on("input", function() {

    // Margem
    var valorMargem = $(this).val();
    valorMargem = valorMargem.replace(".", "");
    valorMargem = valorMargem.replace(",", ".");

    // Custo
    var valorCusto = $("#custo").val();
    valorCusto = valorCusto.replace(".", "");
    valorCusto = valorCusto.replace(",", ".");


    var calculo = (parseFloat(valorCusto) * parseFloat(valorMargem) / 100) + parseFloat(valorCusto);
    var inputValor = $(this).attr("valor");
    var resultadoMonetario = calculo.toFixed(2).replace(".", ",");
    $("#" + inputValor).val(resultadoMonetario);
  });
});

$('.valores').mask('00.000.000,00', {
        reverse: true
    });