OK, I have more information about my issue of not being able to see the scrollbar at all. It turns out there is a WebKit bug that makes the scrollbar appear invisible when you using the Dark Theme setting. The good news is I changed my iPad to use the Light Theme, and now I can see my scrollbars again. The bad news is the scrollbar isn't picking up any of the -webkit-scrollbar or -webkit-scrollbar-thumb CSS settings, so now I'm in exactly the same spot you are and haven't been able to figure out what CSS we're supposed to use for scrollbars now.
The issue is it looks like the user agent CSS settings are getting picked up instead of our webkit CSS pseudo-elements, and the user agent settings differ based on what theme is selected in iOS/iPadOS. I'd like to be able to see those user agent settings myself, but I don't have a Mac to hook my iPad up to for using the Web Developer tools. I would think we might be able to override the settings if we knew which user agent settings are getting applied to the scrollbar parts.
Here's the title and URL of the webkit bug I mentioned above.
Bug 213394 - When in dark mode, switching to a light theme on the page results in invisible (light) scrollbars
https://bugs.webkit.org/show_bug.cgi?id=213394