Scrollspy doesn't work with CJK, Greek language targets

Created by: razonyang

Prerequisites

I have searched for duplicate or closed issues
I have validated any HTML to avoid common problems
I have read the contributing guidelines

Describe the issue

Uncaught DOMException: Failed to execute 'querySelector' on 'Element': '#%E8%83%8C%E6%99%AF%E5%9B%BE%E7%89%87' is not a valid selector.
    at Object.findOne (https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js:6:9928)
    at mn._initializeTargetsAndObservables (https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js:6:72435)
    at mn.refresh (https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js:6:70756)
    at new mn (https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js:6:70629)
    at mn.getOrCreateInstance (https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js:6:8197)
    at https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js:6:73489
    at i (https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js:6:4253)

Reduced test cases

https://codepen.io/razonyang/pen/rNdZBjg

What operating system(s) are you seeing the problem on?

Windows

What browser(s) are you seeing the problem on?

Chrome

What version of Bootstrap are you using?

v5.2