Turbopack panic on SCSS brace mismatch

[jm-alan]

While mistakenly deleting a closing brace in the following file, like so:

+ @use "colors" as c;

  button.checkbox {
    cursor: pointer;
    width: max-content;
    height: max-content;
    display: flex;
    align-items: center;
    justify-content: center;

    &.labeled {
      gap: 0.5rem;
    }

    &:disabled {
      opacity: 0.6;
      cursor: not-allowed;
    }

    & > div.checkmark {
      --box-side: 1.5rem;
      width: var(--box-side);
      min-width: var(--box-side);
      max-width: var(--box-side);
      height: var(--box-side);
      min-height: var(--box-side);
      max-height: var(--box-side);
-     border: 1px solid gray;
-  }
+     border: 1px solid c.$gray-medium;

    &.checked > div.checkmark {
      border-color: #2196f3;
      background-color: #2196f3;
      position: relative;
  
      &::after {
        --check-width: 1rem;
        --check-height: 0.5rem;
        width: var(--check-width);
        height: var(--check-height);
        position: absolute;
        border: solid white;
        border-width: 0 0 3px 3px;
        transform: rotate(-45deg);
        top: calc(50% - ((var(--check-width) * cos(45deg)) / 2));
        left: calc(50% - (var(--check-width) / 2));

        content: "";
      }
    }
  }

Where c.$gray-medium is just #d9d9d9

I encountered the following error:

[project]/src/styles/components/shared/Checkbox.scss.css [app-client] (css)

Caused by:
- failed to deserialize message
- invalid type: null, expected a string

Debug info:
- Execution of subscribe_issues_and_diags_operation failed
- Execution of <AppEndpoint as Endpoint>::server_changed failed
- Execution of *Project::server_changed failed
- Execution of *AppEndpointOutput::server_assets failed
- Execution of AppEndpoint::output failed
- Execution of AppProject::app_module_graphs failed
- Execution of *<AppEndpoint as Endpoint>::additional_entries failed
- Execution of *ModuleGraph::from_graphs failed
- Execution of SingleModuleGraph::new_with_entries_visited_intern failed
- [project]/src/styles/components/shared/Checkbox.scss.css [app-client] (css)
- Execution of primary_chunkable_referenced_modules failed
- Execution of <CssModuleAsset as Module>::references failed
- Execution of parse_css failed
- Execution of <PostCssTransformedAsset as Asset>::content failed
- Execution of PostCssTransformedAsset::process failed
- Execution of <WebpackLoadersProcessedAsset as Asset>::content failed
- Execution of WebpackLoadersProcessedAsset::process failed
- Execution of evaluate_webpack_loader failed
- failed to deserialize message
- invalid type: null, expected a string
    at .
         | v
       1 + {"type":"error","name":"Error","message":"expected \"}\".\n   ╷\n51 │ }\n   │  ^\n   ╵\n  ..."methodName":"processTicksAndRejections","arguments":["native"],"lineNumber":null,"column":null}]}}
         | ^

and followed the corresponding report link here