Repository: flutter
Issue: `Slider` gets distorted when used with a `RotatedBox` on web with the HTML renderer
Labels: engine,platform-web,c: rendering,e: web_html,has reproducible steps,P2,found in release: 3.7,team-web,triaged-web

Description:
When I try to run the flutter web in the chrome with the Canvaskit renderer, there is no problem with rotating the slider widget, but when I try to do the same action in the chrome with the HTML renderer, the slider will be distorted in the rotated state.


1. Run the minimal reproduction project in the html renderer mode
2. Click the rotate button at the top right of the screen

**Expected results:** A vertical appropriate slider

**Actual results:** A vertical distorted slider

<details>
<summary>Code sample</summary>

```dart
import 'package:flutter/material.dart';

// This a test program for showing the Slider widget distortion i
ssue with the HTML renderer

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Slider Test',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Slider Test'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _sliderValue = 10;
  bool isRotated = false;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          children: [
            Text(
          'SliderValue: $_sliderValue',
        ),
            Align(
          alignment: Alignment.topRight,
          child: IconButton(
            onPressed: () {
              setState(() {
                isRotated = !isRotated;
              });
            },
            icon: const Icon(Icons.rotate_left),
          ),
        ),
            Expanded(
              child: RotatedBox(
                quarterTurns: (isRotated) ? 1 : 0,
                child: homeWidget(),
              ),
            ),
          ],
        ),
      ),
    );
  }

  Stack homeWidget() {
    return Stack(
      children: <Widget>[
        Slider(
          value: _sliderValue.toDouble(),
          onChanged: (value) {
            setState(() {
              _sliderValue = value.round();
            });
          },
          min: 0,
          max: 100,
        ),
      ],
    );
  }
}

```
</details>


<details>
  <summary>flutter doctor -v</summary>
  [✓] Flutter (Channel stable, 3.3.9, on macOS 13.0.1 22A400 darwin-x64, locale en-GB)
    • Flutter version 3.3.9 on channel stable at /Users/Parsa/Development/Frameworks/Flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision b8f7f1f986 (10 weeks ago), 2022-11-23 06:43:51 +0900
    • Engine revision 8f2221fbef
    • Dart version 2.18.5
    • DevTools version 2.15.0

[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.1)
    • Android SDK at /Users/Parsa/Library/Android/sdk
    • Platform android-33, build-tools 33.0.1
    • Java binary at: /Applications/Android Studio.app/Contents/jre/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 11.0.13+0-b1751.21-8125866)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 14.1)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Build 14B47b
    • CocoaPods version 1.11.3

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2021.3)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 11.0.13+0-b1751.21-8125866)

[✓] VS Code (version 1.74.3)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.56.0

[✓] Connected device (2 available)
    • macOS (desktop) • macos  • darwin-x64     • macOS 13.0.1 22A400 darwin-x64
    • Chrome (web)    • chrome • web-javascript • Google Chrome 109.0.5414.119

[✓] HTTP Host Availability
    • All required HTTP hosts are available

• No issues found!

</details>


When the slider is in horizontal mode:
![image_2023-01-29_140933020](https://user-images.githubusercontent.com/18049527/215320686-be3b5938-3afc-41fa-9c78-10c65c029fc1.png)


When the slider is in the vertical mode using rotated box:
<img width="496" alt="image" src="https://user-images.githubusercontent.com/18049527/215320710-2d2f1f49-30f1-428c-91bf-cc2c94140581.png">


cc @TahaTesser @jonahwilliams