Show as a count if the toast alarm limit is exceeded Question

I want to display a toast alarm list according to the status like the sidebar menu.

I want to show the alarm as much as I can show on the screen and display the number of toast alarms that are out of the layout by the count. What function can I use to apply that function?

And even if I put the component at the bottom of the ToastContainer, the count is not displayed, so there is an inconvenience of having to adjust top, left, etc.

I want to put the component in the New ToastContainer and place it in display: flex, flex-direaction: column, is there a way?

Is there a way to make sure that if I delete the alarm additionally, it will be added to the top unconditionally? If I delete the alarm, I want to make sure that it builds up


[Code Sandbox Example Code]
https://codesandbox.io/p/sandbox/sqxg4n

Start with the linked CodeSandbox example and inspect the existing ToastContainer behavior. Clarify which requested behavior is in scope: limiting visible alarms with an overflow count, supporting a flex-column New ToastContainer placement, and replenishing the top position after deletion; done should be demonstrated in the example.

Written by the indexing model from the issue text.