tailswindが反映されない

Question

実現したいこと

DockerでRails7の環境構築をしています。
Tailswindを導入したいと思い、gemに導入後scaffoldで当たっているか確認したのですが、反映されていませんでした。
解決方法をご教授いただきたいです。

発生している問題・エラーメッセージ

該当のソースコード

・docker-compose.yml　↓

version: '3'
services:
  db:
    image: postgres
    environment:
      POSTGRES_USER: postgres
      POSTGRES_PASSWORD: password
    volumes:
      - postgres_volume:/var/lib/postgresql/data
    ports:
      - '3306:3306'

  api:
    build: .
    command: bash -c "rm -f tmp/pids/server.pid && bundle exec rails s -p 3000 -b '0.0.0.0'"
    volumes:
      - .:/myapp
    ports:
      - 3000:3000
    stdin_open: true
    tty: true
    depends_on:
      - db
volumes:
  postgres_volume:

・Gemfile ↓

gem 'cssbundling-rails'
gem "tailwindcss-rails"

・Gemfile.lock

    tailwindcss-rails (2.0.24-aarch64-linux)
省略
DEPENDENCIES
  tailwindcss-rails

・config/tailwind.config.js

const defaultTheme = require('tailwindcss/defaultTheme')

module.exports = {
  content: [
    './public/*.html',
    './app/helpers/**/*.rb',
    './app/javascript/**/*.js',
    './app/views/**/*.{erb,haml,html,slim}'
  ],
  theme: {
    extend: {
      fontFamily: {
        sans: ['Inter var', ...defaultTheme.fontFamily.sans],
      },
    },
  },
  plugins: [
    require('@tailwindcss/forms'),
    require('@tailwindcss/aspect-ratio'),
    require('@tailwindcss/typography'),
    require('daisyui'),
  ]
}

・app/assets/stylesheets/appliation.tailwind.css

/* @tailwind base;
@tailwind components;
@tailwind utilities;
 */

@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";


/* @layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
} */

・Procfile.dev　↓

web: bin/rails server -p 3000
css: bin/rails tailwindcss:watch

試したこと

bin/devで起動するとtailwindが適用されるみたいなので、docker-compose.ymlの一部を変更しbuildしました。

  api:
    build: .
    command: bash -c "rm -f tmp/pids/server.pid && ./bin/dev" ←変更

また、Procfile.dev　を以下に変更しましたが、サーバーを起動することすらできませんでした。

web: bin/rails server -b 0.0.0.0 -p 3000　
js: yarn build --watch
css: yarn build:css --watch

補足情報（FW/ツールのバージョンなど）

・M1　MAC
・Rails 7.0.4

Answer 1

https://qiita.com/hajsu00/items/d7f2c7f382124d6e32ef
で解決