fix: pixiv-icon waitUntilVisible condition

[yue4u]

やったこと

• fix waitUntilVisible to contain the fix in https://github.com/vueuse/vueuse/pull/3365
• In Chromium based browsers, multiple entries can be returned in a single callback even only called observe() once.
  • Found this is more likely to happen if the element's parent has css transform somehow? e.g. Modal/Sidebar
  • Related implementation but not found so mush useful info. https://source.chromium.org/chromium/chromium/src/+/main:third_party/blink/renderer/core/intersection_observer/intersection_observation.cc;l=36

動作確認環境

チェックリスト

不要なチェック項目は消して構いません

• [ ] 破壊的変更がある場合には、対象のパッケージのメジャーバージョンが上がっていることを確認した
• [ ] 追加したコンポーネントが index.ts から再 export されている
• [ ] README やドキュメントに影響があることを確認した

[mimokmt]

@yue4u Thank you for the PR! We apologize for the inconvenience, but could you please add a Checkbox to the BottomSheet story of this Storybook to check the operation? packages/react/src/components/Modal/index.story.tsx

[yue4u]

@yue4u Thank you for the PR! We apologize for the inconvenience, but could you please add a Checkbox to the BottomSheet story of this Storybook to check the operation? packages/react/src/components/Modal/index.story.tsx

Is https://github.com/pixiv/charcoal/pull/557/commits/d306866edb14b1746ae6e8754b505d55d32a6296 the change you want? It's tricky to reproduce this issue and I don't see it happening on storybook.

[mimokmt]

@yue4u Thank you for the PR! We apologize for the inconvenience, but could you please add a Checkbox to the BottomSheet story of this Storybook to check the operation? packages/react/src/components/Modal/index.story.tsx

Is d306866 the change you want? It's tricky to reproduce this issue and I don't see it happening on storybook.

thank you! Sometimes I can confirm a problem with the image snapshot test, so I'm glad to have it.