Black Artifacts with Light Transmission Material

## Bevy version

- 0.13.0
- Commit with minimal reproduction: https://github.com/bevyengine/bevy/commit/b78ca094e3465ebb05550df28c7c338bd9ad8f9a

## \[Optional\] Relevant system information

```ignore
2024-03-06T22:32:04.241644Z INFO bevy_render::renderer: AdapterInfo { name: "Apple M3 Max", vendor: 0, device: 0, device_type: IntegratedGpu, driver: "", driver_info: "", backend: Metal }
```

## What you did

I was playing around with the light transmission material properties and noticed my quad go black at certain positions + camera angles. I have added a self contained example that reproduces here: https://github.com/bevyengine/bevy/commit/b78ca094e3465ebb05550df28c7c338bd9ad8f9a

The example has a Quad acting like a window looking down on a red cube below.

## What went wrong

Running that with `cargo run --release --example transmission_black` produces the black artifacts:

https://github.com/bevyengine/bevy/assets/759170/2d06814d-1ea7-494b-a726-1435abb027bd

Raising the Quad `0.5` higher on the Y axis (i.e. uncommenting [this line](https://github.com/bevyengine/bevy/commit/b78ca094e3465ebb05550df28c7c338bd9ad8f9a#diff-d64f0b6ebe6b7e7e43f9ac9e6c70c9d865f887eae73f929a9ef2b592c84ebf53R122)) does not exhibit the behaviour:

https://github.com/bevyengine/bevy/assets/759170/4f2e70f6-196a-412b-bfbc-730a9228417e

## Additional information

- [Discord thread](https://discord.com/channels/691052431525675048/1214694096308932619)