Selector passed into document.querySelector must be escaped

[dogayuksel]

Describe the bug

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

https://github.com/commercetools/ui-kit/blob/5ce0b2aaffe76e0d9466b068c8ddc636be5ae0e2/packages/components/inputs/money-input/src/money-input.tsx#L43-L44

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