SmoothRectangleBorder doesnt complete with the BoderSide of another SmoothRectangleBorder

[LenWdk]

Minimal Code Example:

import 'package:figma_squircle/figma_squircle.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';

class ASection extends StatelessWidget {
  const ASection({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.stretch,
      children: [
        Container(
          decoration: ShapeDecoration(
            color: Colors.blue,
            shape: SmoothRectangleBorder(
              borderRadius: SmoothBorderRadius.only(
                topLeft: SmoothRadius(
                  cornerRadius: 10,
                  cornerSmoothing: 0.5,
                ),
                topRight: SmoothRadius(
                  cornerRadius: 10,
                  cornerSmoothing: 0.5,
                ),
              ),
            ),
          ),
          height: 48,
        ),
        Container(
          decoration: ShapeDecoration(
            color: Colors.white,
            shape: SmoothRectangleBorder(
              side: BorderSide(
                color: Colors.green,
              ),
              borderRadius: SmoothBorderRadius.only(
                bottomLeft: SmoothRadius(
                  cornerRadius: 10,
                  cornerSmoothing: 0.5,
                ),
                bottomRight: SmoothRadius(
                  cornerRadius: 10,
                  cornerSmoothing: 0.5,
                ),
              ),
            ),
          ),
          height: 48,
        )
      ],
    );
  }
}

If you are using BoxDecorations this does not happen. I think its because SmoothRectangleBorder extends OutlinedBorder

[LenWdk]

#3