JSFiddle - React, Tailwind, and code Playground

HTML

<cac:TaxTotal>
	<cbc:TaxAmount currencyID="COP">2696189.00</cbc:TaxAmount>
	<cac:TaxSubtotal>
		<cbc:TaxableAmount currencyID="COP">890534.00</cbc:TaxableAmount>
		<cbc:TaxAmount currencyID="COP">0.00</cbc:TaxAmount>
		<cac:TaxCategory>
			<cbc:Percent>0.00</cbc:Percent>
			<cac:TaxScheme>
				<cbc:ID>01</cbc:ID>
				<cbc:Name>IVA</cbc:Name>
			</cac:TaxScheme>
		</cac:TaxCategory>
	</cac:TaxSubtotal>
	<cac:TaxSubtotal>
		<cbc:TaxableAmount currencyID="COP">13604516.00</cbc:TaxableAmount>
		<cbc:TaxAmount currencyID="COP">2584858.00</cbc:TaxAmount>
		<cac:TaxCategory>
			<cbc:Percent>19.00</cbc:Percent>
			<cac:TaxScheme>
				<cbc:ID>01</cbc:ID>
				<cbc:Name>IVA</cbc:Name>
			</cac:TaxScheme>
		</cac:TaxCategory>
	</cac:TaxSubtotal>
	<cac:TaxSubtotal>
		<cbc:TaxableAmount currencyID="COP">585954.00</cbc:TaxableAmount>
		<cbc:TaxAmount currencyID="COP">111331.00</cbc:TaxAmount>
		<cac:TaxCategory>
			<cbc:Percent>19.00</cbc:Percent>
			<cac:TaxScheme>
				<cbc:ID>01</cbc:ID>
				<cbc:Name>IVA</cbc:Name>
			</cac:TaxScheme>
		</cac:TaxCategory>
	</cac:TaxSubtotal>
</cac:TaxTotal>
<cac:LegalMonetaryTotal>
	<cbc:LineExtensionAmount currencyID="COP">15081004.00</cbc:LineExtensionAmount>
	<cbc:TaxExclusiveAmount currencyID="COP">15081004.00</cbc:TaxExclusiveAmount>
	<cbc:TaxInclusiveAmount currencyID="COP">17777193.00</cbc:TaxInclusiveAmount>
	<cbc:AllowanceTotalAmount currencyID="COP">0.00</cbc:AllowanceTotalAmount>
	<cbc:PrepaidAmount currencyID="COP">0.00</cbc:PrepaidAmount>
	<cbc:PayableAmount currencyID="COP">17777193.00</cbc:PayableAmount>
</cac:LegalMonetaryTotal>
<cac:InvoiceLine>
	<cbc:ID>1</cbc:ID>
	<cbc:InvoicedQuantity unitCode="94">1.00</cbc:InvoicedQuantity>
	<cbc:LineExtensionAmount currencyID="COP">890534.00</cbc:LineExtensionAmount>
	<cbc:FreeOfChargeIndicator>false</cbc:FreeOfChargeIndicator>
	<cac:Delivery>
		<cac:DeliveryLocation>
			<cbc:ID schemeID="999"...