Correct mouse position even when scaling the map using CSS

[HarelM]

Fixes #1160

• Mouse events are shifted after a css transform scale on the map container #1160

Replaces

• Update DOM.mousePos() with Leaflet code #2276

The reason for changing to use canvas instead of canvas container for mouse positions is the following - the height of the container is 0, which doesn't allow to calculate the relative change in height.

• Confirm your changes do not include backports from Mapbox projects (unless with compliant license) - if you are not sure about this, please ask!
• Briefly describe the changes in this PR.
• Link to related issues.
• Include before/after visuals or gifs if this PR includes visual changes.
• Write tests for all new functionality.
• Document any changes to public APIs.
• Post benchmark scores.
• Add an entry to CHANGELOG.md under the ## main section.

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (f5cb922) 75.60% compared to head (44ab061) 75.61%.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #3437      +/-   ##
==========================================
+ Coverage   75.60%   75.61%   +0.01%     
==========================================
  Files         243      243              
  Lines       19163    19172       +9     
  Branches     4243     4246       +3     
==========================================
+ Hits        14488    14497       +9     
  Misses       4675     4675              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.