### Preflight Checklist

- [X] I have read the [Contributing Guidelines](https://github.com/electron/electron/blob/main/CONTRIBUTING.md) for this project.
- [X] I agree to follow the [Code of Conduct](https://github.com/electron/electron/blob/main/CODE_OF_CONDUCT.md) that this project adheres to.
- [X] I have searched the [issue tracker](https://www.github.com/electron/electron/issues) for a feature request that matches the one I want to file, without success.

### Electron Version

14.0.1

### What operating system are you using?

macOS

### Operating System Version

macOS Big Sur 11.6.1

### What arch are you using?

x64

### Last Known Working Electron version

14.0.0

### Expected Behavior


When `BrowserView.setBackgroundColor` is called with an explicit color, expect the background to be the color selected.

When `BrowserView.setBackgroundColor` is not called, expect the background of the `BrowserView` to be transparent by default; and can see through `BrowserWindow`'s background color.



### Actual Behavior

The `BrowserView` background is always white.

### Testcase Gist URL

https://gist.github.com/kevinlinv/2de60478ffec6a2f18f1ec0fc6f5add9

### Additional Information

Here is a quick recording that reproduces the error.

https://user-images.githubusercontent.com/44967897/140694174-e27aff28-1847-4813-bc46-d9fda6569128.mp4


shell/browser/api/electron_api_web_contents.cc
}
#if !defined(OS_MAC)
   If the view's renderer is suspended this may fail on Windows/Linux -
   bail if so. See CopyFromSurface in
   content/public/browser/render_widget_host_view.h.
  auto* rfh = ontents()->GetMainFrame();
  if (rfh &&
      rfh->GetVisibilityState() == blink::mojom::PageVisibilityState::kHidden) {
    promise.Resolve(gfx::Image());
    return handle;
  }
#endif   defined(OS_MAC)
   Capture full page if user doesn't specify a |rect|.
  const gfx::Size view_size =
      rect.IsEmpty() ? view->GetViewBounds().size() : rect.size();
   By default, the requested bitmap size is the view size in screen
   coordinates.  However, if there's more pixel detail available on the
   current system, increase the requested bitmap size to capture it all.
  gfx::Size bitmap_size = view_size;
  const gfx::NativeView native_view = view->GetNativeView();
  const float scale = display::Screen::GetScreen()
                          ->GetDisplayNearestView(native_view)
                          .device_scale_factor();
  if (scale > 1.0f)
    bitmap_size = gfx::ScaleToCeiledSize(view_size, scale);
  view->CopyFromSurface(gfx::Rect(rect.origin(), view_size), bitmap_size,
                        base::BindOnce(&OnCapturePageDone, std::move(promise)));
  return handle;
}
void WebContents::IncrementCapturerCount(gin::Arguments* args) {