Selector passed into document.querySelector must be escaped

[dogayuksel]

Describe the bug

Below, selector string is created using the id of the element.

ui-kit/packages/components/inputs/money-input/src/money-input.tsx

Lines 43 to 44 in 5ce0b2a

	const getPortalNode = (id?: string) =>
	document.querySelector(`#${getPortalId(id)}`);

According to https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector

Note: Characters that are not part of standard CSS syntax must be escaped using a backslash character.

---

To Reproduce

When the high precision price tooltip is activated on a list of MoneyInputs managed by formik, such an exception is thrown:

---

Expected behavior

Non supported characters in the selector string should be escaped like so (notice double \):

document.querySelector("#portal-tiers\\.1\\.value")

Using CSS.escape(str) seems to be a good solution:
https://developer.mozilla.org/en-US/docs/Web/API/CSS/escape_static