Unexpected semicolon error in cargo-leptos during CI build

[SleeplessOne1917]

I have the following job in my CI pipeline:

  cargo_leptos_build:
    image: *rust_image
    environment:
      CARGO_HOME: .cargo_home
      LEPTOS_TAILWIND_VERSION: v4.0.12
    commands:
      - rustup target add wasm32-unknown-unknown
      - wget -O- https://deb.nodesource.com/setup_22.x | bash
      - apt-get install -y nodejs
      - npm i -g corepack
      - corepack enable
      - pnpm install --frozen-lockfile
      - cargo install --locked cargo-leptos
      - cargo leptos build
    when:
      - event: pull_request

I am getting the following error:

    Tailwind finished tailwindcss --input style/tailwind.css --output /woodpecker/src/github.com/LemmyNet/lemmy-ui-leptos/target/tmp/tailwind.css
Error: 
   0: Unexpected token Semicolon at :5736:38

Location:
   /woodpecker/src/github.com/LemmyNet/lemmy-ui-leptos/.cargo_home/registry/src/index.crates.io-1949cf8c6b5b557f/cargo-leptos-0.2.29/src/compile/style.rs:96

Backtrace omitted. Run with RUST_BACKTRACE=1 environment variable to display it.
Run with RUST_BACKTRACE=full to include source snippets.

For some reason, I don't get this issue when building the app locally. The only thing that comes to mind as being different between my machine and the CI machine is that my machine uses x86_64-unknown-linux-gnu, while the CI machine x86_64-unknown-linux-musl. I don't know why using a different target would cause issues with a token in the rust source code not being present though.

Here's a full stack trace:

Error: 
   0: Unexpected token Semicolon at :5739:38

Location:
   /woodpecker/src/github.com/LemmyNet/lemmy-ui-leptos/.cargo_home/registry/src/index.crates.io-1949cf8c6b5b557f/cargo-leptos-0.2.29/src/compile/style.rs:96

  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ BACKTRACE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   1: color_eyre::config::EyreHook::into_eyre_hook::{{closure}}::h7876041b4c3b63e9
      at <unknown source file>:<unknown line>
   2: eyre::error::<impl eyre::Report>::from_adhoc::h47c4f0259332a67c
      at <unknown source file>:<unknown line>
   3: eyre::private::format_err::hd9a48850020f4dae
      at <unknown source file>:<unknown line>
   4: cargo_leptos::compile::style::process_css::{{closure}}::{{closure}}::hae25a317cb020028
      at <unknown source file>:<unknown line>
   5: cargo_leptos::compile::style::style::{{closure}}::{{closure}}::hfce15e8932e88a9f
      at <unknown source file>:<unknown line>
   6: tokio::runtime::task::core::Core<T,S>::poll::h451218d47fa94441
      at <unknown source file>:<unknown line>
   7: tokio::runtime::task::harness::Harness<T,S>::poll::heeff2b73d78c460e
      at <unknown source file>:<unknown line>
   8: tokio::runtime::scheduler::multi_thread::worker::Context::run_task::hcc44dfa394e18293
      at <unknown source file>:<unknown line>
   9: tokio::runtime::scheduler::multi_thread::worker::Context::run::h5fb6649540d29c79
      at <unknown source file>:<unknown line>
  10: tokio::runtime::context::scoped::Scoped<T>::set::h23dd635a189fb5bb
      at <unknown source file>:<unknown line>
  11: tokio::runtime::context::runtime::enter_runtime::hf6a348cc652b6810
      at <unknown source file>:<unknown line>
  12: tokio::runtime::scheduler::multi_thread::worker::run::hdfc3b37e1c1d3a2f
      at <unknown source file>:<unknown line>
  13: <tokio::runtime::blocking::task::BlockingTask<T> as core::future::future::Future>::poll::h0b2b5ae863c9ddc9
      at <unknown source file>:<unknown line>
  14: tokio::runtime::task::core::Core<T,S>::poll::h62d84af85cf6b9ed
      at <unknown source file>:<unknown line>
  15: tokio::runtime::task::harness::Harness<T,S>::poll::h5b581a0bc577f90b
      at <unknown source file>:<unknown line>
  16: tokio::runtime::blocking::pool::Inner::run::h6c98ea16c32aedc7
      at <unknown source file>:<unknown line>
  17: std::sys::backtrace::__rust_begin_short_backtrace::h4f48dc8a283d0765
      at <unknown source file>:<unknown line>
  18: core::ops::function::FnOnce::call_once{{vtable.shim}}::h4c2e31fbe2873e3d
      at <unknown source file>:<unknown line>
  19: std::sys::pal::unix::thread::Thread::new::thread_start::hbcfe3ea4381c14e0
      at <unknown source file>:<unknown line>
  20: __clone<unknown>
      at <unknown source file>:<unknown line>

This portion of the cargo-leptos code seems to match this part of the stack trace:

   5: cargo_leptos::compile::style::style::{{closure}}::{{closure}}::hfce15e8932e88a9f
      at <unknown source file>:<unknown line>
   6: tokio::runtime::task::core::Core<T,S>::poll::h451218d47fa94441
      at <unknown source file>:<unknown line>

I am at a loss as to why it's complaining about a semicolon being unexpected since the line brought up in the error seems to be using a semicolon correctly. If it's an error generated when parsing the stylesheet, the CSS at target/tmp/tailwind.css doesn't even have 5,739 lines.

[SleeplessOne1917]

I finally figured out what my issue was. At the top of my style/tailwind.css file, I had to replace @import "tailwindcss"; with @import "tailwindcss" source("../src");. Tailwind must have been scanning some files it shouldn'tve been.