Nested Popovers no longer work on version 1.7.8

[THowland1]

Summary

With the latest update of 1.7.8, when using React 17, Popovers inside another Popover's Panel don't have IDs on the buttons, which makes them unable to open the next level down

Minimal Repro:

"react": "^17.0.1",
"react-dom": "^17.0.1",
"@headlessui/react": "1.7.8"
https://codesandbox.io/p/sandbox/nifty-benz-jq19yx?selection=%5B%7B%22endColumn%22%3A44%2C%22endLineNumber%22%3A2%2C%22startColumn%22%3A44%2C%22startLineNumber%22%3A2%7D%5D&file=%2Fsrc%2FApp.tsx

Another minimal repro

"react": "^18.0.1",
"react-dom": "^18.0.1",
"@headlessui/react": "1.7.8"
https://codesandbox.io/p/sandbox/charming-river-dut1og?selection=%5B%7B%22endColumn%22%3A30%2C%22endLineNumber%22%3A9%2C%22startColumn%22%3A30%2C%22startLineNumber%22%3A9%7D%5D&file=%2Fpackage.json

Working Repro (old version)

"react": "^17.0.1",
"react-dom": "^17.0.1",
"@headlessui/react": "1.7.7"
https://codesandbox.io/p/sandbox/zealous-sinoussi-68j10g?selection=%5B%7B%22endColumn%22%3A5%2C%22endLineNumber%22%3A15%2C%22startColumn%22%3A5%2C%22startLineNumber%22%3A15%7D%5D&file=%2Fpackage.json