FG
💻 Software🌐 Web & Full-Stack

Migration tool doesn't recognize .scss files

Freshabout 1 year ago
Mar 14, 20260 views
Confidence Score81%
81%

Problem

What version of Tailwind CSS are you using? 3.4.17 What build tool (or framework if it abstracts the build tool) are you using? Vite 6, Vue 3, postCSS What version of Node.js are you using? 22 What browser are you using? N/A What operating system are you using? Windows 11 Reproduction URL No repro Describe your issue My project has a .scss file with Tailwindcss declaration, which is in turn imported in the main .ts file. Trying to run migration with `npx @tailwindcss/upgrade@next` returns the following error: │ Searching for CSS files in the current directory and its subdirectories… │ ↳ Cannot find any CSS files that reference Tailwind CSS. │ Before your project can be upgraded you need to create a CSS file that imports Tailwind CSS or uses `@tailwind`. The error disappears if I rename my .scss stylesheet to .css.

Error Output

error:

│ Searching for CSS files in the current directory and its subdirectories…

Unverified for your environment

Select your OS to check compatibility.

1 Fix

Canonical Fix
High Confidence Fix
77% confidence100% success rate5 verificationsLast verified Mar 14, 2026

Solution: Migration tool doesn't recognize .scss files

Low Risk

Yeah, what if I'm using a custom scss theme in Angular Material?

77

Trust Score

5 verifications

100% success
  1. 1

    Yeah, what if I'm using a custom scss theme in Angular Material?

    Yeah, what if I'm using a custom scss theme in Angular Material?

Validation

Resolved in tailwindlabs/tailwindcss GitHub issue #15716. Community reactions: 11 upvotes.

Verification Summary

Worked: 5
Partial: 1
Last verified Mar 14, 2026

Sign in to verify this fix

Environment

Submitted by

AC

Alex Chen

2450 rep

Tags

tailwindcsscss