[web] Fixing text foreground paint / stroke for HTML web-renderer

[abelokon0711]

This PR adds missing text stroke support when using the DOM and bitmap canvas by evaluating the TextStyle 'foreground' property.

On the DOM canvas it creates the corresponding CSS text stroke style. On the bitmap canvas it uses the HTML canvas strokeText method.

Fixes #46683.

Is there a particular reason why in the current implementation the 'foreground' property is not used for painting text strokes in the HTML renderer?

Goldens: flutter/goldens#230

[flutter-dashboard]

It looks like this pull request may not have tests. Please make sure to add tests before merging. If you need an exemption to this rule, contact Hixie on the #hackers channel in Chat.

If you are not sure if you need tests, consider this rule of thumb: the purpose of a test is to make sure someone doesn't accidentally revert the fix. Ask yourself, is there anything in your PR that you feel it is important we not accidentally revert back to how it was before your fix?

Reviewers: Read the Tree Hygiene page and make sure this patch meets those guidelines before LGTMing.

[abelokon0711]

@googlebot I fixed it

[mdebbar]

Thanks for implementing this! I think this PR is almost ready to go after some minor suggestions are fixed.

[abelokon0711]

Thank you for your helpful suggestions! 😃

[mdebbar]

Thanks for the changes! This PR looks good to me with only 2 minor suggestions.

Once the goldens PR is merged, you should update the goldens_lock.yaml file to point to the new SHA in the flutter/goldens repo.

[mdebbar]

@abelokon0711 I'm unable to add new commits to this PR. Could you please make sure that you checked the "Allow edits by maintainers" box?

[abelokon0711]

@mdebbar It's checked now 👍 Sorry for the inconvenience

[mdebbar]

Thanks for this great contribution!

[flar]

This PR is breaking the builds due to the undefined name "domRenderer".

See #30038 for a potential fix.