Repository: flutter
Issue: [Web]: Hovering over TextButton with TextStyle underline throws assertion failed error
Labels: c: crash,framework,f: material design,platform-web,a: desktop,has reproducible steps,P2,found in release: 3.7,found in release: 3.11,team-design,triaged-design

<!-- Thank you for using Flutter!

     If you are looking for support, please check out our documentation
     or consider asking a question on Stack Overflow:
      * https://flutter.dev/
      * https://api.flutter.dev/
      * https://stackoverflow.com/questions/tagged/flutter?sort=frequent

     If you have found a bug or if our documentation doesn't have an answer
     to what you're looking for, then fill out the template below. Please read
     our guide to filing a bug first: https://flutter.dev/docs/resources/bug-reports
-->

## Steps to Reproduce

<!-- You must include full steps to reproduce so that we can reproduce the problem. -->
1.
```dart
import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.amber,
      ),
      home: Scaffold(
        body: TextButton(
          onPressed: () {},
          child: Text(
            'Home Link Button',
            style: TextStyle(color: Colors.deepOrange, fontSize: 16.0),
          ),
          style: ButtonStyle(
              textStyle: MaterialStateProperty.resolveWith((states) {
            if (states.contains(MaterialState.hovered))
              return TextStyle(decoration: TextDecoration.underline);
            return null;
          })),
        ),
      ),
    );
  }
}
```
2. Run `flutter run`.
3. Step 1 shows the code for main.dart file it has only 1 widget (TextButton) with showing text underline decoration on hover state.

**Expected results:** <!-- what did you want to see? -->
it should show (Text Underline) when I hover on the button

**Actual results:** <!-- what did you see? -->
instead, it is throwing an error:

```
The following assertion was thrown building AnimatedDefaultTextStyle(duration: 200ms, inherit: true, color: MaterialColor(primary value: Color(0xfff44336)), decoration: solid TextDecoration.underline, softWrap: wrapping at box width, overflow: clip, dirty, dependencies: [_EffectiveTickerMode], state: _AnimatedDefaultTextStyleState#ff7fc(ticker active)):
Assertion failed: {Path to Flutter SDK}/Flutter_SDK/flutter/packages/flutter/lib/src/painting/text_style.dart:937:12
a == null || b == null || a.inherit == b.inherit
is not true

The relevant error-causing widget was: 
  TextButton {Path to main.dart file}/lib/main.dart:17:15
When the exception was thrown, this was the stack: 
dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/errors.dart 236:49  throw_
dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/errors.dart 29:3    assertFailed
packages/flutter/src/painting/text_style.dart 937:52                          lerp
packages/flutter/src/widgets/implicit_animations.dart 218:41                  lerp
packages/flutter/src/animation/tween.dart 280:12                              transform
```

<details>
  <summary>Logs</summary>

<!--
      Run your application with `flutter run --verbose` and attach all the
      log output below between the lines with the backticks. If there is an
      exception, please see if the error message includes enough information
      to explain how to solve the issue.
-->

```
```

<!--
     Run `flutter analyze` and attach any output of that command below.
     If there are any analysis errors, try resolving them before filing this issue.
-->

```
```

<!-- Finally, paste the output of running `flutter doctor -v` here. -->

```
the output of running `flutter doctor -v`

[✓] Flutter (Channel stable, 2.0.5, on macOS 11.1 20C69 darwin-x64, locale en-EG)
    • Flutter version 2.0.5 at /Users/effvision/Flutter_SDK/flutter
    • Framework revision adc687823a (3 days ago), 2021-04-16 09:40:20 -0700
    • Engine revision b09f014e96
    • Dart version 2.12.3

[!] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
    • Android SDK at /Users/effvision/Library/Android/sdk
    • Platform android-30, build-tools 30.0.3
    • Java binary at: /Applications/Android Studio.app/Contents/jre/jdk/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b3-6915495)
    ! Some Android licenses not accepted.  To resolve this, run: flutter doctor --android-licenses

[✓] Xcode - develop for iOS and macOS
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Xcode 12.3, Build version 12C33
    • CocoaPods version 1.10.1

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 4.1)
    • 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 1.8.0_242-release-1644-b3-6915495)

[✓] VS Code (version 1.55.2)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.21.0

[✓] Connected device (1 available)
    • Chrome (web) • chrome • web-javascript • Google Chrome 89.0.4389.128

! Doctor found issues in 1 category.
```

</details>