text: Title: [🐛 BUG] Setting width/height with CSS units not working for metrics
  Body: ### What went wrong? 🤔
  
  Setting width and height for metrics with CSS units is not working. This won't change the width/height as expected.
  
  This works when just putting a number. It took a while for me to figure out (I went looking at the actual PR).
  
  If this issue could be backported to another patch, this would be great.
  
  ### Expected Behavior
  
  This should work with all CSS units supported by Taipy. Or the documentation should change to reflect this behavior.
  
  ### Steps to Reproduce Issue
  
  ```python
  from taipy.gui import Gui
  
  value = 50
  
  page = """
  <|{value}|metric|>
  
  ## Works
  <|{value}|metric|width=300|height=300|>
  
  ## Height not working, Width not working
  <|{value}|metric|width=150px|height=300px|>
  <|{value}|metric|width=300px|height=300px|>
  
  
  ## Height not working, Width not working
  <|{value}|metric|width=150rem|height=150rem|>
  <|{value}|metric|width=300rem|height=150rem|>
  """
  
  Gui(page).run()
  ```
  
  ### Screenshots
  
  ![image](https://github.com/user-attachments/assets/6a8fb469-27af-466c-a9bd-f4cd75210224)
  
  ### Version of Taipy
  
  4.0
  
  ### Acceptance Criteria
  
  - [ ] A unit test reproducing the bug is added.
  - [ ] Any new code is covered by a unit tested.
  - [ ] Check code coverage is at least 90%.
  - [ ] The bug reporter validated the fix.
  - [ ] Related issue(s) in taipy-doc are created for documentation and Release Notes are updated.
  
  
  ### Code of Conduct
  
  - [X] I have checked the [existing issues](https://github.com/Avaiga/taipy/issues?q=is%3Aissue+).
  - [ ] I am willing to work on this issue (optional)